/* tokens.css
   Design tokens transcribed from apps/mobile/constants/theme.ts (recon 2026-07-01).
   Every hex below matches its named theme.ts token; theme.ts is authoritative.
   Names mirror the theme keys. Alpha notation matches theme.ts (0.NN). */
:root{
  --canvas:#F6F7F4;            /* colors.canvas, page background */
  --surface:#FFFFFF;           /* colors.surface, cards */
  --ink:#14302B;               /* colors.ink / textPrimary */
  --body:#4A5550;              /* colors.body / textSecondary */
  --caption:#8A938E;           /* colors.caption / textTertiary */
  --primary:#115E54;           /* colors.primary */
  --primary-dark:#0E2A24;      /* colors.primaryDark */
  --ink-deep:#07201A;          /* colors.inkDeep, darkest splash bg (footer, phone bezel) */
  --hero-top:#0A3F33;          /* colors.heroGradientTop */
  --hero-bottom:#06352B;       /* colors.heroGradientBottom */
  --ember:#FFC233;             /* colors.ember, CTA fill + headline accent */
  --marigold:#F0B428;          /* colors.marigold, goal-hit only */
  --mint:#5DCAA5;              /* colors.mint, Cura / AI accent */
  --mint-light:#DFF3EC;        /* colors.aiAccentLight */
  --mint-line:rgba(93,202,165,0.45);        /* colors.mintLine */
  --sand:#E9DFC9;              /* colors.sand, secondary CTA bg on dark */
  --sage:#B9CFC4;              /* colors.sage */
  --plum:#6B4F7A;              /* colors.plum, persona about-to-start accent */
  --gold-text:#9A7322;         /* colors.goldText */
  --success:#2E7D5B;           /* colors.success */
  --line:#E7EAE6;              /* colors.line */
  --surface-mid:#E6DBC9;       /* colors.surfaceMid */
  --selected-bg:#E3EEE9;       /* colors.selectedBg */
  --cura-surface:#F3EFE5;      /* colors.curaSurface */
  --cura-border:#EAE2D2;       /* colors.curaBorder */
  --ember-soft:#FCF3D6;        /* colors.emberSoft */
  --hydration:#A9D3EC;         /* colors.hydration, water fill only */
  --fg-on-dark:#F4F6F2;        /* colors.fgOnDark */
  --fg-on-dark-dim:#B9CDC5;    /* colors.fgOnDarkDim */
  --on-dark-cream85:rgba(251,248,240,0.85); /* colors.onDarkCream85 */
  --on-dark-sand60:rgba(233,223,201,0.6);   /* colors.onDarkSand60 */
  --on-dark-sand18:rgba(233,223,201,0.18);  /* colors.onDarkSand18 */
  --sage-fill:rgba(17,94,84,0.12);          /* colors.sageFill */
  --ember-fill:rgba(255,194,51,0.14);       /* colors.emberFill */
  --plum-fill:rgba(107,79,122,0.14);        /* colors.plumFill */
  --mint-fill:rgba(93,202,165,0.16);        /* colors.mintFill */

  /* Radii: --r-md/lg/xl map to radii.md/lg/xl; --r-card is the literal 16 card radius.
     --r-note and --r-hero are landing-only shape radii (no theme token, not hexes). */
  --r-md:10px; --r-lg:14px; --r-xl:18px; --r-card:16px; --r-note:22px; --r-hero:26px; --pill:999px;

  /* Shadows from elevation.card and elevation.buttonCTA (shadowColor #78716C, #0E2A24). */
  --shadow-card:0 4px 12px rgba(120,113,108,0.08);
  --shadow-cta:0 4px 10px rgba(14,42,36,0.25);

  --dur:220ms;                 /* motion.duration.base */
}