/* ============================================================
   DIRECTION B — "Signal"
   Nova X lineage: near-black canvas, acid lime accent, oversized
   Inter display, soft-shadow elevation, photography-forward.

   Overrides token VALUES only. Never introduces a new token name
   and never touches base.css selectors.
   ============================================================ */

:root {
  color-scheme: dark;

  /* ── Typeface ───────────────────────────────────────────── */
  --font-display: "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* ── Type scale ─────────────────────────────────────────── */
  --fs-display: clamp(3rem, 1.4rem + 6.2vw, 5.75rem);
  --fs-h2: clamp(2rem, 1.3rem + 2.6vw, 3.25rem);
  --fs-lead: 1.1875rem;

  --display-weight: 700;
  --display-tracking: -0.045em;
  --display-leading: 0.98;

  --h2-weight: 700;
  --h2-tracking: -0.035em;

  --label-weight: 500;
  --label-tracking: 0.08em;
  --label-transform: uppercase;

  /* ── Colour ─────────────────────────────────────────────── */
  --canvas: #101010;
  --surface: #1a1a1a;
  --surface-2: #212121;
  --surface-sunken: #0a0a0a;
  --inverse: #f8f8f8;
  --inverse-ink: #171717;

  --ink: #f8f8f8;
  --ink-2: #a3a3a3;
  --ink-3: #6b6b6b;

  --accent: #cbfb45;
  --accent-ink: #171717;
  --accent-soft: #23290f;
  --accent-line: #3d4a19;

  --line: #2b2b2b;
  --line-2: #212121;

  --star: #cbfb45;

  /* ── Hero composition ───────────────────────────────────── */
  /* B goes full-bleed: the photograph IS the hero, so the side
     figure is retired and the copy column is capped instead. */
  --hero-bg: #0a0a0a;
  --hero-ink: #f8f8f8;
  --hero-ink-2: #b4b4b4;
  --hero-pad-top: 4.5rem;
  --hero-media-opacity: 1;
  --hero-figure-display: none;
  --hero-cols: minmax(0, 1fr);
  --hero-copy-max: 760px;
  --search-col: 1;
  --search-max: 1000px;
  --hero-overlay: linear-gradient(
    100deg,
    rgb(10 10 10 / 0.96) 0%,
    rgb(10 10 10 / 0.82) 42%,
    rgb(10 10 10 / 0.35) 100%
  );

  /* ── Imagery ────────────────────────────────────────────── */
  --img-hero: url("img/hero-dark.jpg");
  --img-filter: saturate(0.92) contrast(1.06);

  /* ── Shape ──────────────────────────────────────────────── */
  --r-card: 24px;
  --r-media: 20px;
  --r-control: 10000px;
  --r-input: 10000px;
  --r-chip: 10000px;

  /* ── Elevation ──────────────────────────────────────────── */
  /* Direction B earns depth with shadow rather than hairline. */
  --elev-1: 0 1px 2px rgb(0 0 0 / 0.4), 0 8px 24px -16px rgb(0 0 0 / 0.8);
  --elev-2: 0 2px 4px rgb(0 0 0 / 0.45), 0 18px 44px -20px rgb(0 0 0 / 0.9);
  --elev-pop: 0 24px 60px -24px rgb(0 0 0 / 0.95);

  /* ── Rhythm ─────────────────────────────────────────────── */
  --rhythm: clamp(4rem, 2.2rem + 6vw, 6.5rem);
  --card-pad: 1.5rem;
}