/* fartknight/tokens.css — shared design tokens + base shell.
   Source of truth: Theme.swift (FK enum) + app prototype. Dark only. */
:root {
  /* surfaces */
  --bg: #0A0B0E;
  --bg-deep: #07080A;
  --surface: #14161C;
  --surface-sunken: #0E1013;
  /* borders */
  --border: #23262F;
  --border-subtle: #1A1D24;
  --border-lime: #2A3A12;
  /* brand */
  --lime: #C8FF2E;
  --lime-soft: #E2FF7A;
  --cyan: #7CE0FF;
  --red: #FF4D6D;
  /* text */
  --text: #F2F4F7;
  --text-secondary: #C4CAD4;
  --muted: #8A919E;
  --faint: #565C68;
  /* component accents */
  --wave-idle: #3A4152;
  --star-off: #2E3138;
  /* deterministic avatar palette */
  --av-1: #C8FF2E; --av-2: #7CE0FF; --av-3: #FF9AC2;
  --av-4: #E2FF7A; --av-5: #FFB86B; --av-6: #B39DFF;
  /* type */
  --sans: "Archivo", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  /* radii */
  --r-card: 18px; --r-btn: 15px; --r-avatar: 14px; --r-pill: 999px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body { margin: 0; padding: 0; }

body {
  background: var(--bg);
  color: var(--text);
  font: 16px/1.6 var(--sans);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  /* app backdrop — linear-gradient(165deg, #17210A, #0A0B0E, #131019) */
  background-image: linear-gradient(165deg, #17210A 0%, #0A0B0E 55%, #131019 100%);
  background-attachment: fixed;
}

/* lime ambient glow — fixed, full-bleed, non-interactive */
.glow {
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(1250px 1050px at 50% 12%, rgba(200,255,46,.18), transparent 62%),
    radial-gradient(900px 700px at 82% 8%, rgba(124,224,255,.06), transparent 60%);
}

/* one true kicker (hero overrides letter-spacing locally) */
.kicker {
  color: var(--lime); font-size: 12px; font-weight: 800;
  letter-spacing: .24em; text-transform: uppercase; margin: 0;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}