/* Zaltair design tokens — single source of truth for color, type, spacing, motion.
   Adapted from Zaltair Brand Guidelines v1.0 for a dark site (see PROJECT_NOTES.md). */

@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-var.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/jetbrains-mono-var.woff2") format("woff2");
  font-weight: 100 800;
  font-display: swap;
}
@font-face {
  font-family: "Press Start 2P";
  src: url("../fonts/press-start-2p.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

:root {
  color-scheme: dark;

  /* Brand */
  --midnight: #060f2d;
  --deep-space: #020817;
  --starlight: #f7f9ff;
  --cyan: #00f5fb;
  --magenta: #c001fb;
  --orbit-blue: #1469e8;
  --gradient: linear-gradient(90deg, #00f5fb 0%, #2275f5 38%, #7145f5 68%, #c001fb 100%);

  /* Roles */
  --bg: var(--deep-space);
  --surface: var(--midnight);
  --surface-2: #0b1638;
  --text: var(--starlight);
  --text-2: #8c96b3;
  --text-3: #5d6785;
  --line: rgb(247 249 255 / 0.1);
  --line-strong: rgb(247 249 255 / 0.18);
  --focus: var(--cyan);

  /* Type */
  --font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;
  --font-pixel: "Press Start 2P", var(--font-mono);

  --fs-hud: 0.72rem;
  --fs-small: 0.875rem;
  --fs-body: 1.0625rem;
  --fs-lead: clamp(1.15rem, 1rem + 0.6vw, 1.4rem);
  --fs-h2: clamp(2rem, 1.4rem + 2.6vw, 3.4rem);
  --fs-h3: clamp(1.4rem, 1.2rem + 0.8vw, 1.8rem);

  /* Space */
  --gutter: clamp(1rem, 4vw, 3rem);
  --max: 1200px;
  --radius: 14px;
  --radius-lg: 22px;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --fast: 200ms;
  --med: 350ms;
}