/* ============================================================
   UBG Design Tokens — Layer 1
   Source: UBG Design System v2.0 (March 2026)
   RULE: the ONLY file in which raw hex / magic values may appear.
   ============================================================ */
:root {
  /* Primary palette */
  --navy: #1B3A6B;
  --navy-deep: #122752;
  --navy-mid: #243F72;
  --teal: #0FA4A4;
  --teal-dark: #0C8F8F;
  --teal-pale: #E3F5F5;
  --amber: #E8A030;          /* financial proof points ONLY */
  --amber-dark: #C9921A;
  --amber-pale: #FEF3E2;

  /* Neutrals */
  --white: #FFFFFF;
  --offwhite: #F7F8FC;
  --rule: #E4E8F2;
  --text: #374151;
  --muted: #6B7280;
  --light: #9CA3AF;
  --footer-bg: #111827;

  /* On-navy text system */
  --on-navy-body: rgba(255,255,255,0.68);
  --on-navy-strong: rgba(255,255,255,0.88);
  --on-navy-muted: rgba(255,255,255,0.42);
  --on-navy-fine: rgba(255,255,255,0.32);
  --on-navy-legal: rgba(255,255,255,0.26);
  --on-navy-border: rgba(255,255,255,0.12);

  /* Typography */
  --font-display: 'Outfit', sans-serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;
  --font-quote: 'Instrument Serif', serif;

  /* Layout */
  --max-w: 1160px;
  --pad-x: 48px;
  --section-pad: 100px;
  --col-gap: 80px;
  --card-gap: 24px;

  /* Radius */
  --radius-btn: 6px;
  --radius-card: 12px;
  --radius-pill: 100px;
  --radius-icon: 10px;
  --radius-logo: 9px;

  /* Motion */
  --ease-reveal: 0.6s ease;
  --ease-hover: 0.25s ease;
  --ease-btn: 0.2s ease;

  /* Elevation */
  --shadow-card-hover: 0 8px 32px rgba(0,0,0,0.09);
  --shadow-nav: 0 2px 24px rgba(0,0,0,0.06);
}

@media (max-width: 960px) { :root { --pad-x: 32px; } }
@media (max-width: 600px) { :root { --pad-x: 24px; --section-pad: 64px; } }