/* Capital Alliance — design tokens.
   Derived from the approved brand assets: deep navy ground + metallic gold (logo),
   aligned with the AM&R Corporation palette (#0A1322 / #C6A45C).
   Light theme = "report paper" (cool, blue-biased neutrals). Dark theme = "night navy".
   "Band" tokens are the always-navy institutional surfaces (hero, deal architecture, footer). */

:root {
  color-scheme: light;
  /* Brand constants */
  --navy-950: #050d19;
  --navy-900: #081628;
  --navy-850: #0b1b30;
  --navy-800: #10233d;
  --navy-700: #1a3152;
  --gold-300: #e2c48f;
  --gold-400: #cfa968;
  --gold-500: #b88f4f;
  --gold-700: #85632c;
  --steel-400: #86a9dc;

  /* Surfaces (light) */
  --bg: #eef1f5;
  --surface: #ffffff;
  --surface-2: #f5f7fa;
  --ink: #0b1b30;
  --ink-2: #26364f;
  --muted: #56647b;
  --line: #d6dce5;
  --line-strong: #b9c2cf;
  --gold: #85632c;          /* text-safe gold on paper */
  --gold-bright: #cfa968;   /* fills, marks */
  --signal: #2f5f9e;        /* data / intelligence accent */
  --focus: #1f5fbf;

  /* Always-navy bands */
  --band-bg: #081628;
  --band-bg-2: #0d1f38;
  --band-ink: #eef1f6;
  --band-muted: #9aa7bd;
  --band-line: rgba(207, 169, 104, 0.18);
  --band-line-soft: rgba(238, 241, 246, 0.1);
  --band-signal: #86a9dc;

  /* Semantic */
  --ok: #2c7a5b;
  --warn: #a8701c;
  --bad: #b3413a;
  --risk-1: #3f8f6e;
  --risk-2: #b59a3b;
  --risk-3: #c77a2b;
  --risk-4: #b3413a;

  /* Type */
  --f-display: 'Newsreader', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --f-text: 'IBM Plex Sans', 'Helvetica Neue', Arial, system-ui, sans-serif;
  --f-label: 'Jost', 'Futura', 'Century Gothic', 'IBM Plex Sans', sans-serif;
  --f-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  --t-display: clamp(2.7rem, 1.6rem + 4.6vw, 5.6rem);
  --t-page: clamp(2.2rem, 1.5rem + 3vw, 4rem);
  --t-h2: clamp(1.7rem, 1.3rem + 1.6vw, 2.5rem);
  --t-h3: 1.2rem;
  --t-lede: clamp(1.05rem, 1rem + 0.35vw, 1.25rem);
  --t-body: 1rem;
  --t-small: 0.875rem;
  --t-micro: 0.75rem;

  /* Space & shape */
  --gutter: clamp(16px, 4vw, 40px);
  --maxw: 1240px;
  --s-section: clamp(64px, 5rem + 3vw, 128px);
  --r-s: 2px;
  --r-m: 4px;
  --shadow-lift: 0 1px 0 rgba(11, 27, 48, 0.04), 0 12px 32px -18px rgba(11, 27, 48, 0.35);
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #060e1a;
    --surface: #0b1829;
    --surface-2: #0f1f34;
    --ink: #e9edf3;
    --ink-2: #c7cfdb;
    --muted: #93a0b5;
    --line: #1b2c44;
    --line-strong: #2a3f5e;
    --gold: #d4b077;
    --gold-bright: #cfa968;
    --signal: #86a9dc;
    --focus: #8ab4ff;
    --band-bg: #040b16;
    --band-bg-2: #0a1628;
    --shadow-lift: 0 1px 0 rgba(0, 0, 0, 0.3), 0 16px 36px -20px rgba(0, 0, 0, 0.8);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #060e1a;
  --surface: #0b1829;
  --surface-2: #0f1f34;
  --ink: #e9edf3;
  --ink-2: #c7cfdb;
  --muted: #93a0b5;
  --line: #1b2c44;
  --line-strong: #2a3f5e;
  --gold: #d4b077;
  --gold-bright: #cfa968;
  --signal: #86a9dc;
  --focus: #8ab4ff;
  --band-bg: #040b16;
  --band-bg-2: #0a1628;
  --shadow-lift: 0 1px 0 rgba(0, 0, 0, 0.3), 0 16px 36px -20px rgba(0, 0, 0, 0.8);
}