/* ==========================================================================
   MITHO — Color tokens
   Updated palette per user-supplied brand board (uploads/Mitho brand
   indeity*.png): deep maroon is now the brand PRIMARY (replaces royal blue).
   Royal blue/navy/sky blue move to a secondary tint family. Amber and
   orange accents refreshed to the board's sampled values. Warm cream
   neutrals unchanged.
   ========================================================================== */

:root {
  /* ---- Base: Maroon (NEW primary, sampled ≈ #930019) --------------------- */
  --maroon-50:  oklch(95% 0.02  16);
  --maroon-100: oklch(89% 0.045 16);
  --maroon-300: oklch(68% 0.12  16);
  --maroon-500: oklch(35% 0.16  16);   /* ≈ #930019 — brand primary */
  --maroon-600: oklch(30% 0.15  15);
  --maroon-700: oklch(24% 0.13  14);
  --maroon-800: oklch(18% 0.10  13);

  /* ---- Base: Royal Blue (now SECONDARY, from PDF hex 0B44B5) ------------ */
  --blue-50:  oklch(96% 0.015 260);
  --blue-100: oklch(90% 0.035 260);
  --blue-200: oklch(82% 0.07  260);
  --blue-300: oklch(72% 0.11  262);
  --blue-400: oklch(60% 0.16  263);
  --blue-500: oklch(46% 0.19  264);   /* ≈ #0B44B5 */
  --blue-600: oklch(40% 0.18  265);
  --blue-700: oklch(32% 0.15  266);
  --blue-800: oklch(22% 0.11  267);   /* ≈ #001B70 — navy from PDF */
  --blue-900: oklch(16% 0.08  268);

  /* ---- Base: Sky Blue (tertiary tint, from PDF hex 62ADFF / BDE0FF) ------ */
  --sky-100: oklch(94% 0.025 250);   /* ≈ #BDE0FF */
  --sky-300: oklch(85% 0.06  250);
  --sky-500: oklch(75% 0.11  250);   /* ≈ #62ADFF */
  --sky-700: oklch(55% 0.13  255);

  /* ---- Base: Amber / Gold (accent, sampled ≈ #FFB600) -------------------- */
  --amber-100: oklch(93% 0.05  85);
  --amber-300: oklch(85% 0.12  83);
  --amber-500: oklch(79% 0.17  82);   /* ≈ #FFB600 */
  --amber-700: oklch(58% 0.14  70);

  /* ---- Base: Orange (accent, sampled ≈ #E85300, was red-orange "chili") -- */
  --chili-100: oklch(92% 0.05  45);
  --chili-300: oklch(78% 0.13  43);
  --chili-500: oklch(60% 0.19  42);   /* ≈ #E85300 */
  --chili-700: oklch(44% 0.16  38);

  /* ---- Base: Warm Cream / Ink (neutrals, from PDF hex FFFBE9) ------------ */
  --cream-0:   oklch(99% 0.012 90);   /* ≈ #FFFBE9 */
  --cream-50:  oklch(97% 0.016 88);
  --cream-100: oklch(94% 0.02  86);
  --cream-200: oklch(89% 0.024 84);
  --cream-300: oklch(80% 0.026 80);
  --cream-400: oklch(68% 0.024 70);
  --cream-500: oklch(55% 0.02  60);
  --cream-600: oklch(43% 0.018 50);
  --cream-700: oklch(33% 0.014 44);
  --cream-800: oklch(23% 0.01  40);
  --cream-900: oklch(14% 0.006 38);   /* ≈ #000000 ink from PDF, warmed slightly */

  /* ---- Semantic surfaces ------------------------------------------------ */
  --color-bg:            var(--cream-0);
  --color-bg-alt:        var(--sky-100);
  --color-surface:       #ffffff;
  --color-surface-raised:#ffffff;
  --color-surface-sunken:var(--cream-100);
  --color-border:        var(--cream-200);
  --color-border-strong: var(--cream-900);

  /* ---- Semantic text ----------------------------------------------------- */
  --color-ink:        var(--cream-900);
  --color-ink-muted:  var(--cream-600);
  --color-ink-faint:  var(--cream-400);
  --color-ink-on-red: var(--cream-0);

  /* ---- Semantic brand ----------------------------------------------------- */
  --color-primary:         var(--maroon-500);
  --color-primary-hover:   var(--maroon-600);
  --color-primary-press:   var(--maroon-700);
  --color-primary-tint:    var(--maroon-50);
  --color-on-primary:      var(--cream-0);
  --color-on-primary-muted:oklch(88% 0.035 20);  /* soft dusty-rose tint for muted text on primary maroon */

  --color-accent-amber:    var(--amber-500);
  --color-accent-sky:      var(--sky-500);
  --color-accent-chili:    var(--chili-500);

  /* ---- Semantic feedback ----------------------------------------------------- */
  --color-success:      oklch(58% 0.13 150);
  --color-success-tint: oklch(93% 0.05 150);
  --color-warning:      var(--amber-700);
  --color-warning-tint: var(--amber-100);
  --color-danger:       var(--chili-500);
  --color-danger-tint:  var(--chili-100);
}