/* ============================================================
   IRIDIUM BRIDGE — DESIGN TOKENS
   Edition 02 · 2026 · editorial-luxury
   Source of truth: docs/design.md + brand book v1.0
   ============================================================ */

:root {
  /* ===== Color ===================================================
     Navy is identity. Bone/Paper is reading surface.
     Azure + Teal are reserved for data and brand-gradient moments. */

  --c-navy:        #0B1B35;
  --c-navy-deep:   #050B19;
  --c-navy-soft:   #132747;
  --c-navy-haze:   rgba(11, 27, 53, 0.6);

  --c-azure:       #1B6BE0;
  --c-azure-deep:  #1252B8;
  --c-teal:        #2BB3B0;
  --c-teal-deep:   #1F8E8B;

  --c-bone:        #F3EFE5;
  --c-paper:       #FAF7EF;
  --c-paper-warm:  #ECE5D4;
  --c-paper-cool:  #F6F4EE;

  --c-ink:         #0B1B35;
  --c-ink-soft:    #46556E;
  --c-ink-mute:    #7A8499;

  --c-line:        #DDD6C6;
  --c-line-soft:   #E8E2D3;
  --c-line-dark:   rgba(255, 255, 255, 0.10);
  --c-line-dark-strong: rgba(255, 255, 255, 0.22);

  --c-on-navy:        #F6F2E6;
  --c-on-navy-soft:   rgba(246, 242, 230, 0.72);
  --c-on-navy-mute:   rgba(246, 242, 230, 0.46);

  /* ===== Gradients (used sparingly) ============================== */
  --g-iridium: linear-gradient(135deg, #0B1B35 0%, #1B6BE0 55%, #2BB3B0 100%);
  --g-bridge:  linear-gradient(90deg,  #1B6BE0 0%, #2BB3B0 100%);
  --g-bridge-vert: linear-gradient(180deg, #1B6BE0 0%, #2BB3B0 100%);

  /* ===== Typography (per brand book section 04) ==================
     Fraunces  — display, lead, quotes
     Inter     — body, UI, tables
     JetBrains — eyebrows, metadata, refs */
  --font-serif: "Fraunces", "Tiempos", Georgia, "Times New Roman", serif;
  --font-sans:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono:  "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Type scale (editorial, web-rescaled) */
  --t-display:    clamp(3.25rem, 8vw, 7.5rem);    /* 52 → 120 */
  --t-d2:         clamp(2.5rem, 5.2vw, 4.5rem);   /* 40 → 72  */
  --t-h1:         clamp(2rem, 3.4vw, 3rem);       /* 32 → 48  */
  --t-h2:         clamp(1.5rem, 2.4vw, 2.125rem); /* 24 → 34  */
  --t-h3:         clamp(1.125rem, 1.5vw, 1.375rem);
  --t-lead:       clamp(1.125rem, 1.4vw, 1.375rem);
  --t-body:       1rem;
  --t-small:      0.875rem;
  --t-cap:        0.8125rem;
  --t-mono:       0.6875rem;   /* 11px — eyebrows */
  --t-mono-lg:    0.75rem;     /* 12px — bigger refs */

  /* ===== Tracking presets ======================================== */
  --track-display: -0.028em;
  --track-h1:      -0.022em;
  --track-h2:      -0.014em;
  --track-body:    0;
  --track-mono:    0.14em;

  /* ===== Layout ==================================================
     Wider side margins on desktop (Arcadia-style 120px) */
  --max-w:        1320px;
  --max-w-text:   680px;
  --pad-x-mob:    24px;
  --pad-x-tab:    48px;
  --pad-x-desk:   88px;
  --pad-x-wide:   120px;
  --pad-x:        clamp(24px, 8vw, 120px);

  --section-y:    clamp(5rem, 11vw, 10rem);
  --section-y-sm: clamp(3rem, 6vw, 5rem);
  --section-y-lg: clamp(6rem, 14vw, 12rem);

  --baseline:     8px;

  /* ===== Radii (sharper, more editorial) ========================= */
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 10px;
  --r-xl: 14px;

  /* ===== Motion ================================================== */
  --ease-out:    cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-bridge: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-stand:  cubic-bezier(0.4, 0, 0.2, 1);
  --dur-xs: 180ms;
  --dur-sm: 320ms;
  --dur-md: 560ms;
  --dur-lg: 820ms;
  --dur-xl: 1200ms;

  /* ===== Misc ==================================================== */
  --nav-h: 84px;
  --shadow-elev: 0 32px 80px -36px rgba(11, 27, 53, 0.22);
  --shadow-card: 0 24px 60px -32px rgba(11, 27, 53, 0.18);
}