/*
 * main-noir.css — Direction 3: Heist Noir
 * Hex values lifted verbatim from design/directions/noir.jsx:5-17.
 * Loaded ONLY when body[data-redesign-theme="noir"]; main-redesign-base.css
 * provides the legacy-token bridge.
 *
 * The tarot-style powerup cards (full SVG glyphs, foil corners) ship as a
 * separate plugin in Phase 4 — this file is palette + typography + backdrop only.
 */

body[data-redesign-theme="noir"] {
  --rd-bg:                 #0E0E10;
  --rd-bg-elevated:        #16161A;
  --rd-panel:              #1C1C20;
  --rd-panel-hi:           #26262C;

  --rd-ink:                #E8E2D0;     /* aged ivory / bone */
  --rd-ink-dim:            #8C8676;
  --rd-line:               rgba(201, 169, 97, 0.25);

  --rd-accent:             #C9A961;     /* brushed gold */
  --rd-accent-hi:          #E0C988;
  --rd-accent-dim:         #7A6840;

  --rd-success:            #C9A961;
  --rd-warning:            #C9A961;
  --rd-danger:             #8B1A1A;     /* blood */

  --rd-font-display:       'Cinzel', serif;
  --rd-font-body:          'Inter Tight', system-ui, sans-serif;
  --rd-font-mono:          'JetBrains Mono', ui-monospace, monospace;

  --rd-radius-sm:          0;
  --rd-radius-md:          2px;
  --rd-radius-lg:          4px;

  --rd-border-style:       1px solid var(--rd-accent);
  --rd-shadow-card:        0 0 32px color-mix(in oklab, var(--rd-accent-dim) 40%, transparent);

  --rd-text-display-case:    uppercase;
  --rd-text-display-tracking: 0.18em;
}

/* Backdrop: matte black + faint blueprint grid + center vignette.
 * Mirrors directions/noir.jsx:19-48 (NrBackdrop). Film grain SVG is left
 * to the Phase-3+ plugin so this file can stay CSS-only. */
body[data-redesign-theme="noir"]::before {
  background:
    radial-gradient(ellipse at center, transparent 50%, rgba(0, 0, 0, 0.6) 100%),
    repeating-linear-gradient(0deg,
      rgba(201, 169, 97, 0.06) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(90deg,
      rgba(201, 169, 97, 0.06) 0 1px, transparent 1px 64px),
    #0E0E10;
}