/* ── 3dB Labs color system ─────────────────────────────────────
   Backgrounds alternate intentionally between near-blacks, deep
   navy blues, white, light grey, and a pale blue band. Section
   rhythm comes from moving between these — never flatten to one
   dark value. Accents are precise, never washes.
─────────────────────────────────────────────────────────────── */
:root {
  /* ── Base: dark surfaces ── */
  --ink-0: #060810;            /* hero image base, deepest */
  --ink-1: #0a0a0a;            /* near-black UI ink */
  --ink-2: #0d0d0d;            /* card image wells */
  --navy-0: #060d18;           /* page dark — default dark section bg */
  --navy-1: #0a1628;           /* dark-mid — capabilities / products bg */
  --navy-2: #162a47;           /* dark card surface */
  --navy-3: #1B4388;           /* aux nav bar band */

  /* ── Base: light surfaces ── */
  --paper-0: #ffffff;
  --paper-1: #F1F1F1;          /* light section bg */
  --paper-2: #EBEBEB;          /* light card */
  --paper-3: #E3E3E3;          /* light-mid */
  --paper-4: #DDDFE3;          /* page light grey */
  --pale-blue: #a8c4e8;        /* pale blue band / HUD secondary */

  /* ── Accents — used precisely, never as washes ── */
  --accent-blue: #2F6FED;          /* primary accent */
  --accent-blue-bright: #4479EE;   /* variant — bracket strokes, HUD labels */
  --accent-blue-deep: #3469de;
  --accent-amber: #F59E0B;         /* secondary — highlights, threat/signal moments */

  /* ── Text on dark: opacity ladder, not fixed greys ── */
  --text-dark-100: rgba(255,255,255,1);
  --text-dark-92:  rgba(255,255,255,0.92);   /* H2 on dark */
  --text-dark-75:  rgba(255,255,255,0.75);   /* labels, default */
  --text-dark-55:  rgba(255,255,255,0.55);   /* hero sub */
  --text-dark-50:  rgba(255,255,255,0.50);
  --text-dark-45:  rgba(255,255,255,0.45);   /* body on dark */

  /* ── Text on light: opacity ladder ── */
  --text-light-88: rgba(0,0,0,0.88);   /* H2 on light */
  --text-light-85: rgba(0,0,0,0.85);   /* Venera row headings */
  --text-light-72: rgba(0,0,0,0.72);
  --text-light-62: rgba(0,0,0,0.62);   /* body on light */
  --text-light-55: rgba(0,0,0,0.55);   /* secondary body */
  --text-light-45: rgba(0,0,0,0.45);

  /* ── Borders / hairlines ── */
  --border-dark: rgba(255,255,255,0.14);          /* cards on dark */
  --border-dark-strong: rgba(255,255,255,0.16);
  --border-dark-faint: rgba(255,255,255,0.08);    /* footer hairlines */
  --border-light: rgba(0,0,0,0.16);
  --border-light-faint: rgba(0,0,0,0.08);         /* grid hairlines on light */

  /* ── Semantic aliases ── */
  --surface-page-dark: var(--navy-0);
  --surface-page-light: var(--paper-1);
  --surface-card-dark: var(--navy-2);
  --surface-card-light: var(--paper-0);
  --surface-nav: var(--paper-0);
  --surface-nav-aux: var(--navy-3);
  --text-heading-dark: var(--text-dark-92);     /* heading on dark surface */
  --text-heading-light: var(--text-light-88);   /* heading on light surface */
  --text-body-dark: var(--text-dark-45);
  --text-body-light: var(--text-light-62);

  /* ── Accent tints (backgrounds for tags / icon tiles) ── */
  --tint-blue-06: rgba(47,111,237,0.06);
  --tint-blue-10: rgba(47,111,237,0.10);
  --tint-blue-14: rgba(47,111,237,0.14);
  --tint-blue-border: rgba(47,111,237,0.25);
  --tint-amber-12: rgba(245,158,11,0.12);
  --tint-amber-border: rgba(245,158,11,0.45);
}