/* ─── noxads.ai color tokens ───
   Source: noxads.ai homepage capture (Figma, 1728w, June 2026). */
:root {
  /* Base palette */
  --nox-ink: #111111;            /* primary ink + dark section background */
  --nox-ink-deep: #09090B;       /* near-black used on some headings */
  --nox-paper: #FFFFFF;          /* page background */
  --nox-surface-muted: #F4F4F5;  /* image wells, quiet fills */
  --nox-border: #E5E5E5;         /* the universal 1px hairline */
  --nox-gray: #666666;           /* secondary text */

  --nox-blue: #3230F8;           /* primary action blue (CTA buttons, active tab) */
  --nox-blue-bright: #4652FF;    /* accent blue for large text on white */

  /* Ink alphas (text hierarchy on white) */
  --nox-ink-72: rgba(17,17,17,0.72);  /* nav links */
  --nox-ink-64: rgba(17,17,17,0.64);  /* section subtitles */
  --nox-ink-58: rgba(17,17,17,0.58);  /* card body copy */
  --nox-ink-42: rgba(17,17,17,0.42);  /* tracked-caps roles, faint meta */
  --nox-ink-28: rgba(17,17,17,0.28);  /* muted icons */
  --nox-ink-12: rgba(17,17,17,0.12);  /* strong hairline */

  /* Dark-section surfaces */
  --nox-glass-dark: rgba(0,0,0,0.35);        /* dark glass card fill (with blur) */
  --nox-border-on-dark: rgba(255,255,255,0.10);
  --nox-hairline-on-dark: rgba(229,229,229,0.38);
  --nox-white-86: rgba(255,255,255,0.86);
  --nox-white-70: rgba(255,255,255,0.70);

  /* Light glass (service cards on white) */
  --nox-glass-light: rgba(255,255,255,0.45);
  --nox-glass-button: rgba(255,255,255,0.78);

  /* Semantic aliases */
  --surface-page: var(--nox-paper);
  --surface-card: var(--nox-paper);
  --surface-dark: var(--nox-ink);
  --surface-well: var(--nox-surface-muted);
  --text-heading: var(--nox-ink);
  --text-body: var(--nox-ink-58);
  --text-muted: var(--nox-gray);
  --text-faint: var(--nox-ink-42);
  --text-on-dark: #FFFFFF;
  --text-on-dark-muted: var(--nox-white-70);
  --accent: var(--nox-blue);
  --accent-text: var(--nox-blue-bright);
  --border-default: var(--nox-border);
}