/* ================================================================
   TOKENS — Custom Properties (matched to lifeinmyhands.com.au)
   ================================================================ */
:root {
  /* Palette — exact live site values */
  --white:         #FFFFFF;
  --cream:         #F7F5F0;
  --charcoal:      #2F2F3B;   /* dark bg, body text, nav */
  --charcoal-soft: #3a3a48;
  --olive:         #7CB159;   /* primary green, links, h3 */
  --olive-dark:    #4B7034;   /* hover */
  --olive-light:   #91c46e;
  --olive-wash:    #f0f8ea;
  --heading-dark:  #2F2F3B;
  --body:          #2F2F3B;
  --body-light:    rgba(255,255,255,0.82);
  --muted:         #7A7A7A;
  --border:        #EEEEEE;

  /* Alert colours */
  --alert-success: #155724;
  --alert-danger:  #721C24;

  /* Typography — exact live site fonts */
  --font-display: "Droid Serif", Arial, Tahoma, sans-serif;
  --font-ui:      "Open Sans", Arial, Tahoma, sans-serif;
  --font-icon:    "FontAwesome";

  /* Type scale — live site values */
  --text-h2:    42px;
  --text-h3:    30px;
  --text-h4:    18px;
  --text-nav:   18px;
  --text-body:  14px;
  --text-label: 13px;

  /* Motion */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 200ms;
  --duration-base: 400ms;
  --duration-slow: 700ms;
}