/* BurnX · Night Session tokens for the web.
   Mirrors lib/core/design/tokens in the app repo (colors.dart, typography.dart, space.dart, motion.dart).
   Change a value there first; then here. */

@font-face {
  font-family: "Archivo";
  src: url("/assets/fonts/Archivo-Variable.woff2") format("woff2-variations"), url("/assets/fonts/Archivo-Variable.woff2") format("woff2"), url("/assets/fonts/Archivo-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("/assets/fonts/InstrumentSerif-Regular.woff2") format("woff2"), url("/assets/fonts/InstrumentSerif-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("/assets/fonts/InstrumentSerif-Italic.woff2") format("woff2"), url("/assets/fonts/InstrumentSerif-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  /* ground and surfaces (NSColors.night) */
  --ground: #070807;
  --ground-2: #0b0d0b;
  --surface: #0e100e;
  --raised: #161916;
  --raised-2: #1d211d;
  --line: rgba(255, 255, 255, 0.08);
  --line-2: rgba(255, 255, 255, 0.14);
  --fill: rgba(255, 255, 255, 0.06);
  --fill-2: rgba(255, 255, 255, 0.08);
  --track: rgba(255, 255, 255, 0.1);

  /* text */
  --text: #f2f3ef;
  --text-2: #a3a89f;
  --text-3: #6e746b;
  --photo-text: rgba(255, 255, 255, 0.85);
  --photo-text-2: rgba(255, 255, 255, 0.75);
  --photo-line: rgba(255, 255, 255, 0.25);

  /* one green, used as light; violet only where the coach speaks */
  --accent: #1db954;
  --accent-light: #4ade80;
  --accent-ink: #04140a;
  --accent-glow: rgba(29, 185, 84, 0.35);
  --coach: #a78bfa;
  --coach-bg: rgba(167, 139, 250, 0.1);
  --coach-line: rgba(167, 139, 250, 0.28);
  --warn: #fbbf24;
  --danger: #f87171;

  /* type (NSType): display = Archivo wide 800; serif = Instrument Serif italic; ui = Archivo */
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-ui: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --display-stretch: 116%;

  /* space (NSSpace) */
  --s-4: 4px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-22: 22px;
  --s-28: 28px;
  --s-40: 40px;
  --s-64: 64px;
  --s-96: 96px;
  --s-128: 128px;
  --inset: 22px;
  --r-14: 14px;
  --r-18: 18px;
  --r-22: 22px;
  --r-pill: 999px;

  /* motion (NSMotion): tap 120, move 300, settle 420; one curve */
  --t-tap: 120ms;
  --t-move: 300ms;
  --t-settle: 420ms;
  --ease: cubic-bezier(0.2, 0, 0, 1);

  /* layout */
  --page: 1180px;
  --measure: 34ch;

  /* names the waitlist handler (form-handler.js) still uses for its success block */
  --gradient-primary: var(--accent);
  --burnx-black: var(--text);
  --burnx-gray: var(--text-2);

  color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --t-tap: 0ms;
    --t-move: 0ms;
    --t-settle: 0ms;
  }
}