/* ============================================================
   WCS Enterprise Suite · Format Standard v3.0
   Document No: WCS-BRD-STD-001 V3.0  ·  Locked May 04, 2026
   Source of Truth: 12-forgedops-brand-dna
   ============================================================ */

:root {
  /* ---------- Locked Color System (No Warm Accent · Forge Cyan Only) ---------- */
  --wcs-navy:        #0A1628;
  --wcs-dark-navy:   #1A2740;
  --wcs-forge-cyan:  #5BA3C7;
  --wcs-silver:      #8A9BA8;
  --wcs-white:       #FFFFFF;
  --wcs-ink:         #111827;
  --wcs-ink-soft:    #374151;

  /* Pure black and warm accents are forbidden. */

  /* ---------- Semantic aliases ---------- */
  --color-bg-base:        var(--wcs-white);
  --color-bg-surface:     #F4F6F9;
  --color-bg-raised:      #FFFFFF;
  --color-bg-dark:        var(--wcs-navy);
  --color-bg-dark-2:      var(--wcs-dark-navy);

  --color-border-subtle:  #E5E9EF;
  --color-border-strong:  #C9D1DB;
  --color-border-dark:    #233356;

  --color-text-primary:   var(--wcs-ink);
  --color-text-secondary: var(--wcs-ink-soft);
  --color-text-muted:     var(--wcs-silver);
  --color-text-on-dark:   var(--wcs-white);
  --color-text-on-dark-2: #C7D0DC;

  --color-accent:         var(--wcs-forge-cyan);
  --color-accent-deep:    #3F7E9D;

  --grad-navy:    linear-gradient(180deg, var(--wcs-navy) 0%, var(--wcs-dark-navy) 100%);
  --grad-hero:    radial-gradient(120% 80% at 80% 0%, rgba(91,163,199,0.12) 0%, rgba(10,22,40,0) 60%);
  --grad-divider: linear-gradient(90deg, transparent, var(--wcs-silver), transparent);

  /* ---------- Typography (Locked v3.0) ---------- */
  --font-display:    "Cormorant Garamond", "Source Serif Pro", Georgia, "Times New Roman", serif;
  --font-structural: "Oswald", "Arial Narrow", Impact, sans-serif;
  --font-body:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:       "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --fs-h1:        clamp(2.0rem, 5vw, 3.25rem);
  --fs-h2-struct: 0.8125rem;
  --fs-h2-disp:   clamp(1.5rem, 3vw, 2.25rem);
  --fs-h3:        1.125rem;
  --fs-body:      0.9375rem;
  --fs-small:     0.8125rem;
  --fs-caption:   0.75rem;

  --lh-display: 1.08;
  --lh-tight:   1.15;
  --lh-snug:    1.3;
  --lh-base:    1.55;
  --lh-loose:   1.75;

  --tracking-display:  0;
  --tracking-tight:   -0.005em;
  --tracking-base:     0;
  --tracking-oswald:   0.16em;
  --tracking-eyebrow:  0.18em;

  /* ---------- Spacing (8pt) ---------- */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  48px;
  --sp-8:  64px;
  --sp-9:  96px;
  --sp-10: 128px;

  /* ---------- Layout ---------- */
  --container-max: 1200px;
  --container-pad: clamp(20px, 4vw, 40px);
  --section-pad-y: clamp(64px, 9vw, 128px);

  --rule-cyan-thick: 4px solid var(--wcs-forge-cyan);
  --rule-cyan-thin:  1px solid var(--wcs-forge-cyan);

  /* ---------- Radii ---------- */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 16px;
  --radius-pill: 999px;

  /* ---------- Elevation ---------- */
  --shadow-sm: 0 1px 2px rgba(10,22,40,0.06);
  --shadow-md: 0 4px 14px rgba(10,22,40,0.08);
  --shadow-lg: 0 12px 32px rgba(10,22,40,0.12);

  /* ---------- Motion ---------- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 140ms;
  --dur-base: 240ms;
  --dur-slow: 480ms;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}