/*
  HOLDING COMPANY DESIGN TOKENS · LAYER 1
  ═══════════════════════════════════════════
  Self-contained CSS variables. NO visual changes —
  variables are loaded but not applied yet.

  Loads BEFORE all other holding-* layers. Subsequent
  layers reference these tokens via var(--color-*).

  RISK: ZERO (just loads variables, no rules applied).
  ROLLBACK: Remove the <link> tag.
*/

:root {

  /* ═══ Backgrounds (pure black foundation) ═══ */
  --color-bg-base:     #000000;
  --color-bg-elevated: #0a0a0a;
  --color-bg-panel:    #111111;
  --color-bg-hover:    #1a1a1a;
  --color-bg-active:   #1f1f1f;
  --color-bg-input:    #0d0d0d;

  /* ═══ Brand (muted institutional crimson) ═══ */
  --color-brand-50:  #fef2f2;
  --color-brand-100: #fee2e2;
  --color-brand-200: #fecaca;
  --color-brand-300: #fca5a5;
  --color-brand-400: #f87171;
  --color-brand-500: #ef4444;
  --color-brand-600: #dc2626;       /* PRIMARY */
  --color-brand-700: #b91c1c;       /* hover */
  --color-brand-800: #991b1b;
  --color-brand-900: #7f1d1d;

  --color-brand-a06: rgba(220, 38, 38, .06);
  --color-brand-a10: rgba(220, 38, 38, .10);
  --color-brand-a20: rgba(220, 38, 38, .20);

  /* ═══ Text hierarchy ═══ */
  --color-text-primary:    #f5f5f5;
  --color-text-secondary:  #a3a3a3;
  --color-text-tertiary:   #737373;
  --color-text-quaternary: #525252;
  --color-text-inverse:    #0a0a0a;

  /* ═══ Borders ═══ */
  --color-border-subtle: rgba(255, 255, 255, .06);
  --color-border-medium: rgba(255, 255, 255, .12);
  --color-border-strong: rgba(255, 255, 255, .18);
  --color-border-brand:  rgba(220,  38, 38, .50);

  /* ═══ Functional ═══ */
  --color-success-600: #16a34a;
  --color-success-bg:  rgba(22, 163, 74, .10);
  --color-warning-600: #ea580c;
  --color-warning-bg:  rgba(234, 88, 12, .10);
  --color-error-600:   #dc2626;
  --color-error-bg:    rgba(220, 38, 38, .10);
  --color-info-600:    #2563eb;
  --color-info-bg:     rgba(37, 99, 235, .10);

  /* ═══ Overlays ═══ */
  --color-overlay-dim:   rgba(0, 0, 0, .40);
  --color-overlay-dark:  rgba(0, 0, 0, .70);
  --color-overlay-black: rgba(0, 0, 0, .90);

  /* ═══ Typography ═══ */
  --font-family-sans: 'Inter', -apple-system, BlinkMacSystemFont,
                      'Segoe UI', Helvetica, Arial, sans-serif;
  --font-family-mono: 'JetBrains Mono', 'SF Mono', Monaco,
                      'Cascadia Code', 'Courier New', monospace;

  /* Font scale — Minor Third 1.200 */
  --font-size-xs:   11px;
  --font-size-sm:   13px;
  --font-size-base: 15px;
  --font-size-lg:   17px;
  --font-size-xl:   20px;
  --font-size-2xl:  24px;
  --font-size-3xl:  30px;
  --font-size-4xl:  36px;
  --font-size-5xl:  48px;

  /* Weights — max 600 */
  --font-weight-normal:   400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;

  --line-height-tight:   1.25;
  --line-height-snug:    1.375;
  --line-height-normal:  1.5;
  --line-height-relaxed: 1.625;

  --letter-spacing-tight:  -0.02em;
  --letter-spacing-normal:  0;
  --letter-spacing-wide:    0.02em;

  /* ═══ Spacing 8pt ═══ */
  --space-0:  0px;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-7:  28px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;

  /* ═══ Radius (max 16) ═══ */
  --radius-none: 0px;
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   8px;
  --radius-xl:   12px;
  --radius-2xl:  16px;
  --radius-full: 9999px;

  /* ═══ Shadows ═══ */
  --shadow-xs: 0 1px 2px 0 rgba(0,0,0,.05);
  --shadow-sm: 0 1px 3px 0 rgba(0,0,0,.10), 0 1px 2px 0 rgba(0,0,0,.06);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,.10), 0 2px 4px -1px rgba(0,0,0,.06);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,.10), 0 4px 6px -2px rgba(0,0,0,.05);
  --shadow-xl: 0 20px 25px -5px rgba(0,0,0,.10), 0 10px 10px -5px rgba(0,0,0,.04);

  /* ═══ Motion (max 300ms) ═══ */
  --duration-instant: 100ms;
  --duration-fast:    150ms;
  --duration-normal:  200ms;
  --duration-slow:    300ms;

  --ease-linear: cubic-bezier(0,    0,   1,   1);
  --ease-in:     cubic-bezier(0.4,  0,   1,   1);
  --ease-out:    cubic-bezier(0,    0,   0.2, 1);
  --ease-in-out: cubic-bezier(0.4,  0,   0.2, 1);

  --transition-fast:    all      var(--duration-fast)   var(--ease-out);
  --transition-normal:  all      var(--duration-normal) var(--ease-in-out);
  --transition-colors:  color, background-color, border-color
                                 var(--duration-fast)   var(--ease-out);
  --transition-opacity: opacity  var(--duration-fast)   var(--ease-out);

  /* ═══ Z-index ═══ */
  --z-base:      0;
  --z-raised:    10;
  --z-nav:       100;
  --z-sticky:    200;
  --z-modal:     1000;
  --z-toast:     1200;
  --z-overlay:   9000;
}

/* End of Layer 1 — no rules applied, only variables loaded. */