/* ===========================================================================
   RISEEING · COLOR TOKENS
   Authoritative values lifted verbatim from the production webapp
   (apps/webapp/src/styles/base/theme.css — oklch, shadcn "new-york", stone base).
   Warm "editorial" brand tokens reconcile the two HTML design handoffs.
   =========================================================================== */

:root {
  /* ── Brand greens — the Riseeing sage spectrum ─────────────────────────── */
  --brand-forest-900: oklch(0.32 0.045 162);   /* deepest sage — logo ink, footer   ~#2D3F2A */
  --brand-forest-800: oklch(0.37 0.046 162);   /* hover on primary                  ~#3A5340 */
  --brand-forest:     oklch(0.4158 0.0466 161.73); /* PRIMARY — buttons, headings   ~#43614F */
  --brand-forest-600: oklch(0.49 0.05 160);    /* secondary green text              ~#536E4E */
  --brand-moss:       oklch(0.58 0.06 150);    /* eyebrows, secondary accents       ~#6E8A66 */
  --brand-sage-300:   oklch(0.80 0.045 150);   /* active borders, focus rings        ~#B6CBA9 */
  --brand-sage-200:   oklch(0.88 0.035 145);   /* soft green borders                 ~#D2E0C8 */
  --brand-sage-100:   oklch(0.94 0.025 140);   /* active chip / nav fills            ~#E6EFDD */
  --brand-sage-50:    oklch(0.965 0.015 135);  /* whisper-green surfaces             ~#F2F6EC */

  /* ── Lime — the energetic secondary ────────────────────────────────────── */
  --brand-lime:       oklch(0.9419 0.14 130.35); /* SECONDARY — pills, highlights   ~#DCF06B */
  --brand-lime-deep:  oklch(0.87 0.155 128);     /* lime border / pressed           ~#C6E34F */
  --brand-lime-soft:  oklch(0.96 0.075 128);     /* lime tint backgrounds           ~#ECF6C2 */
  --brand-lime-fg:    oklch(0.9513 0.0155 126.82); /* on-primary text (pale lime)   ~#EAF3D9 */

  /* ── Inner accents (data-viz / avatar gradients, used sparingly) ───────── */
  --brand-violet:     oklch(0.4222 0.1608 284.15); /* primary-inner — indigo accent ~#5B43B8 */
  --brand-olive:      oklch(0.6724 0.1293 117.47); /* secondary-inner — olive        ~#94A24F */
  --brand-clay:       oklch(0.62 0.13 40);         /* warm avatar-gradient terminus  ~#C97B5C */

  /* ── Warm cream surfaces (editorial / marketing contexts) ──────────────── */
  --cream:        #FAF8F2;   /* warm page background          */
  --cream-deep:   #F2EEDF;   /* subtle warm card fill         */
  --cream-card:   #EFEADC;   /* warm card surface             */

  /* ── Neutrals — stone, warm grey ink ───────────────────────────────────── */
  --ink-900: oklch(0.141 0.005 285.82);  /* primary text          ~#1C1B1F */
  --ink-700: oklch(0.30 0.006 286);       /* strong secondary text ~#3A3A3E */
  --ink-500: oklch(0.552 0.016 285.94);   /* muted text / meta     ~#79767C */
  --ink-400: oklch(0.64 0.014 286);       /* placeholders, labels  ~#928F96 */
  --ink-300: oklch(0.75 0.01 286);        /* faint icons           ~#B4B2B8 */

  --paper:       oklch(1 0 0);             /* #FFFFFF — app cards, inputs   */
  --background:  oklch(1 0 0);             /* app page background           */
  --muted:       oklch(0.967 0.001 286.38);/* muted surface         ~#F4F4F5 */
  --border:      oklch(0.92 0.004 286.32); /* standard border       ~#E6E6E8 */
  --border-warm: rgba(67, 97, 79, 0.12);   /* warm hairline on cream         */
  --ring:        oklch(0.4158 0.0466 161.73);/* focus ring — brand green     */

  /* ── Status ────────────────────────────────────────────────────────────── */
  --destructive: oklch(0.577 0.245 27.33); /* delete / error        ~#D44A3F */
  --gold:        oklch(0.74 0.11 80);       /* rating stars          ~#C9A961 */
  --success:     oklch(0.4158 0.0466 161.73);/* uses brand green              */

  /* ===========================================================================
     SEMANTIC ALIASES — reference these in components, not the raw scales.
     Mirrors the shadcn contract used by the production app.
     =========================================================================== */
  --primary:               var(--brand-forest);
  --primary-foreground:    var(--brand-lime-fg);
  --primary-hover:         var(--brand-forest-800);
  --secondary:             var(--brand-lime);
  --secondary-foreground:  var(--brand-forest);
  --primary-inner:         var(--brand-violet);
  --secondary-inner:       var(--brand-olive);

  --surface:               var(--paper);
  --surface-muted:         var(--muted);
  --surface-card:          var(--paper);
  --surface-warm:          var(--cream);

  --text-strong:           var(--ink-900);
  --text-body:             var(--ink-700);
  --text-muted:            var(--ink-500);
  --text-faint:            var(--ink-400);
  --text-on-primary:       var(--brand-lime-fg);

  --accent-eyebrow:        var(--brand-moss);
  --accent-highlight:      var(--brand-lime);
  --border-default:        var(--border);
  --focus-ring:            var(--ring);
}