/**
 * D//TA Tunnel Route — design tokens
 *
 * Fonts (fast path):
 * - ScienceGothic-Brand.woff2 — subset: D T A + slash U+E001 (+ U+001F alias) + scramble
 * - No kern table (avoids Firefox "Unsupported table version" warning)
 * - Manrope — optional, load after preloader for site body
 */

@font-face {
  font-family: "Science Gothic";
  src: url("/dlta/ScienceGothic-Brand.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}

@font-face {
  font-family: "Science Gothic HUD";
  src: url("/dlta/ScienceGothicExtraExpanded-SemiBold-2.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Typography */
  --dlta-font-display: "Science Gothic", system-ui, "Segoe UI", "Arial Narrow", sans-serif;
  --dlta-font-body: "Manrope", system-ui, "Segoe UI", sans-serif;
  --dlta-font-ui: "Science Gothic HUD", system-ui, "Segoe UI", sans-serif;
  --dlta-font-weight-ui: 600;
  --dlta-font-weight-body: 400;
  --dlta-font-weight-brand: 700;
  --dlta-font-stretch: normal;

  /* Colors */
  --dlta-bg: #202020;
  --dlta-fg: #f3f1ea;
  --dlta-muted: #a3a8a4;
  --dlta-signal: #e7c27a;
  --dlta-line: #2c312e;
  --dlta-tick: #3c423e;

  /* Motion */
  --dlta-ease: cubic-bezier(0.16, 0.84, 0.24, 1);
  --dlta-ease-pop: cubic-bezier(0.2, 0, 0, 1);
  --dlta-exit-ms: 420ms;
  --dlta-exit-shift: -12px;

  /* Layout / mark — stroke needs unit for CSS stroke-width */
  --dlta-mark-max: 188px;
  --dlta-mark-vw: 52vw;
  --dlta-stroke: 1.6px;
  --dlta-z: 100;
}