/* ══════════════════════════════════════
   AKIHI TALES — Design Tokens
   All colours, fonts, and spacing live
   here. Change once, updates everywhere.
   ══════════════════════════════════════ */

:root {
  /* Brand colours */
  --teal:         #2d5f6b;
  --teal-mid:     #3d7a88;
  --teal-deep:    #1e3d45;
  --teal-dark:    #152c33;
  --blue-grey:    #b8cdd4;
  --blue-light:   #dce8ec;
  --orange:       #e8722a;
  --orange-lt:    #f0924f;
  --cream:        #f4f0ea;
  --cream-light:  #faf8f4;

  /* Neutrals */
  --text:         #1a2e33;
  --muted:        #5a7a82;
  --border:       #c8dce1;
  --white:        #ffffff;

  /* WhatsApp green */
  --wa-green:     #25d366;

  /* Typography */
  --font-body:    'DM Sans', sans-serif;
  --font-serif:   'Playfair Display', serif;

  /* Spacing scale */
  --space-xs:     0.35rem;
  --space-sm:     0.75rem;
  --space-md:     1.25rem;
  --space-lg:     2rem;
  --space-xl:     3.5rem;

  /* Border radius */
  --radius-sm:    4px;
  --radius-md:    6px;
  --radius-lg:    8px;
  --radius-pill:  30px;
}