/* =============================================================================
   AEVRION OPS — DESIGN TOKENS  ("Quiet Authority")
   Single source of truth. Change a value here and it cascades everywhere.
   To re-skin the brand accent, edit --color-accent (and its hover/soft pair).
   ========================================================================== */

:root {
  /* ---------- COLOR : base ------------------------------------------------ */
  --color-ink:           #0F172A;  /* primary — headlines, dark surfaces      */
  --color-slate:         #334155;  /* secondary text / UI                     */
  --color-muted-fg:      #64748B;  /* captions, secondary text                */
  --color-foreground:    #020617;  /* maximum-contrast text                   */
  --color-background:    #F8FAFC;  /* page background                         */
  --color-surface:       #FFFFFF;  /* cards, panels                           */
  --color-muted:         #EEF2F7;  /* section banding, chips                  */
  --color-muted-2:       #E3E9F0;  /* slightly deeper band                    */
  --color-border:        #E2E8F0;  /* hairline borders                        */
  --color-border-strong: #CBD5E1;  /* hover borders, dividers                 */

  /* ---------- COLOR : accent (action only, <10% of surface) -------------- */
  --color-accent:        #B45309;  /* warm brass — primary CTA, key highlight */
  --color-accent-hover:  #92400E;  /* darker brass — hover/active             */
  --color-accent-soft:   #FBEFE2;  /* faint brass tint — highlight bg         */
  --color-on-accent:     #FFFFFF;  /* text on accent (verified ~5:1)          */

  /* ---------- COLOR : feedback ------------------------------------------- */
  --color-destructive:   #DC2626;
  --color-on-destructive:#FFFFFF;
  --color-success:       #047857;

  /* ---------- COLOR : focus ring ----------------------------------------- */
  --color-ring:          #B45309;

  /* ---------- COLOR : dark sections (footer / dark bands) ---------------- */
  --color-dark-bg:        #0F172A;
  --color-dark-surface:   #16203A;  /* lifted dark panel                     */
  --color-dark-fg:        #F1F5F9;  /* primary text on dark (>= 4.5:1)       */
  --color-dark-muted-fg:  #94A3B8;  /* secondary text on dark (>= 3:1)       */
  --color-dark-border:    #243049;

  /* ---------- TYPOGRAPHY : families -------------------------------------- */
  --font-display: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --font-sans:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* ---------- TYPOGRAPHY : scale (rem) ----------------------------------- */
  --text-xs:   0.75rem;   /* 12 */
  --text-sm:   0.875rem;  /* 14 */
  --text-base: 1rem;      /* 16 — base */
  --text-lg:   1.125rem;  /* 18 */
  --text-xl:   1.25rem;   /* 20 */
  --text-2xl:  1.5rem;    /* 24 */
  --text-3xl:  clamp(1.75rem, 3.5vw, 2rem);     /* 28–32 */
  --text-4xl:  clamp(2rem, 5vw, 2.5rem);        /* 32–40 */
  --text-5xl:  clamp(2.5rem, 6vw, 3.25rem);     /* 40–52 */
  --text-6xl:  clamp(3rem, 7vw, 4rem);          /* 48–64 */

  --leading-tight:   1.12;
  --leading-snug:    1.3;
  --leading-normal:  1.6;
  --leading-relaxed: 1.75;

  --tracking-tight:  0;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-eyebrow: 0.18em;  /* mono eyebrow labels */

  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold:600;
  --weight-bold:    700;

  /* ---------- SPACING (4 / 8 rhythm) ------------------------------------- */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  --section-y: clamp(4rem, 8vw, 7rem);   /* vertical rhythm between sections */

  /* ---------- LAYOUT ----------------------------------------------------- */
  --container:        1200px;
  --container-wide:   1320px;
  --container-narrow: 760px;
  --gutter: clamp(1.25rem, 5vw, 2.5rem);

  /* ---------- RADII ------------------------------------------------------ */
  --radius-sm:   6px;
  --radius:      8px;    /* buttons */
  --radius-lg:   14px;   /* cards   */
  --radius-xl:   20px;
  --radius-full: 999px;

  /* ---------- SHADOWS (subtle, executive) -------------------------------- */
  --shadow-xs: 0 1px 2px rgba(2, 6, 23, 0.04);
  --shadow-sm: 0 1px 3px rgba(2, 6, 23, 0.06), 0 1px 2px rgba(2, 6, 23, 0.04);
  --shadow-md: 0 6px 16px rgba(2, 6, 23, 0.08), 0 2px 6px rgba(2, 6, 23, 0.04);
  --shadow-lg: 0 16px 40px rgba(2, 6, 23, 0.12), 0 6px 12px rgba(2, 6, 23, 0.05);
  --shadow-cinematic: 0 28px 80px rgba(2, 6, 23, 0.18), 0 10px 28px rgba(2, 6, 23, 0.08);
  --shadow-dark-panel: 0 28px 90px rgba(2, 6, 23, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.07);
  --color-brass-line: rgba(235, 181, 133, 0.48);
  --color-brass-dim: rgba(235, 181, 133, 0.14);
  --color-command-grid: rgba(148, 163, 184, 0.13);
  --color-command-panel: rgba(22, 32, 58, 0.86);
  --color-command-panel-strong: rgba(15, 23, 42, 0.94);

  /* ---------- MOTION ----------------------------------------------------- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --transition-fast: 150ms var(--ease-out);
  --transition:      200ms var(--ease-out);
  --transition-slow: 320ms var(--ease-out);

  /* ---------- Z-INDEX SCALE ---------------------------------------------- */
  --z-base:    0;
  --z-raised:  10;
  --z-sticky:  100;
  --z-header:  200;
  --z-overlay: 900;
  --z-modal:   1000;
}