/* =====================================================================
   EP Base UI — Acreon Design System · TOKENS
   Single source of design truth. Flattened from Acreon styles.css
   (base :root + the appended "PREMIUM + MOBILE-APP OVERRIDES" block).
   Navy ink · cream canvas · gold CTAs · Fraunces serif display.
   ===================================================================== */

:root {
  /* ---- Brand: navy ink (premium override values) ---- */
  --color-navy-900: #0a1222;
  --color-navy-800: #0f1b30;
  --color-navy-700: #16263f;
  --color-navy-600: #21344f;
  --color-navy-500: #3a5174;
  --color-navy-50:  #eef2f8;

  /* ---- Brand: gold / amber (premium override values) ---- */
  --color-amber-700: #917417;
  --color-amber-600: #bd9526;
  --color-amber-500: #d8ad3f;
  --color-amber-400: #e6c469;
  --color-amber-100: #f7eccf;
  --color-amber-50:  #fbf7ec;

  /* ---- Status accents ---- */
  --color-emerald-600: #059669;
  --color-emerald-500: #10b981;
  --color-emerald-100: #d1fae5;
  --color-red-600: #dc2626;
  --color-red-500: #ef4444;
  --color-red-100: #fee2e2;
  --color-violet-600: #7c3aed;
  --color-violet-100: #ede9fe;

  /* ---- Neutral slate scale ---- */
  --color-slate-900: #0f172a;
  --color-slate-800: #1e293b;
  --color-slate-700: #334155;
  --color-slate-600: #475569;
  --color-slate-500: #64748b;
  --color-slate-400: #94a3b8;
  --color-slate-300: #cbd5e1;
  --color-slate-200: #e2e8f0;
  --color-slate-100: #f1f5f9;
  --color-slate-50:  #f8fafc;

  /* ---- Canvas + surfaces (cream, NOT slate/white) ---- */
  --color-bg:     #f5f4ef;
  --color-card:   #ffffff;
  --color-border: #e9e7df;

  /* ---- Signature gradients ---- */
  --ink-grad:  linear-gradient(168deg, #101d33 0%, #0a1222 100%);        /* sidebar, hero bands */
  --gold-grad: linear-gradient(135deg, #ead27f 0%, #cda23a 52%, #b6861f 100%); /* primary CTA */

  /* ---- Focus ring (gold, per Acreon reference) ---- */
  --focus-border: #cda23a;
  --focus-ring:   rgba(205, 162, 58, .14);

  /* ---- Custom <select> caret (replaces the native OS dropdown arrow) ---- */
  --select-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");

  /* ---- Typography ---- */
  --font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif: 'Fraunces', Georgia, serif;
  --font-mono:  'JetBrains Mono', ui-monospace, monospace;

  /* ---- Shape ---- */
  --radius-sm: 8px;
  --radius:    12px;
  --radius-lg: 16px;
  --radius-xl: 22px;

  --shadow-sm: 0 1px 2px rgba(16,24,40,.05);
  --shadow:    0 2px 8px rgba(16,24,40,.06), 0 1px 2px rgba(16,24,40,.04);
  --shadow-md: 0 10px 26px rgba(16,24,40,.08), 0 3px 8px rgba(16,24,40,.05);
  --shadow-lg: 0 20px 50px rgba(16,24,40,.14), 0 8px 16px rgba(16,24,40,.07);
  --shadow-card: 0 14px 34px -14px rgba(15,23,42,.10), 0 3px 8px -4px rgba(15,23,42,.05);

  --sidebar-w: 240px;
}