/* ============================================================================
   AUTISMMODE :: DESIGN TOKEN LAYER v4.0.1
   "the tokens are the vibes, the vibes are the tokens" - some guy, probably
   DO NOT EDIT unless you are prepared to feel emotions
   ========================================================================= */

:root {
  /* --- core emerald ramp (hand tuned at 3am) --- */
  --em-50:  #e6fff6;
  --em-100: #b6ffe4;
  --em-200: #7cffcf;
  --em-300: #3dffb8;
  --em-400: #12f5a0;
  --em-500: #00e08c;
  --em-600: #00b871;
  --em-700: #009159;
  --em-800: #056b44;
  --em-900: #04432c;
  --em-950: #021b12;

  /* --- yellow accent ramp (the spice) --- */
  --yl-100: #fff8d6;
  --yl-200: #ffef9e;
  --yl-300: #ffe45e;
  --yl-400: #ffd60a;
  --yl-500: #f5c400;
  --yl-600: #c99e00;

  /* --- void --- */
  --void-0: #000704;
  --void-1: #02120c;
  --void-2: #041a11;
  --void-3: #06241a;
  --void-4: #0a3325;

  /* --- semantic --- */
  --bg: var(--void-1);
  --fg: #d9fff0;
  --fg-dim: #7fceb0;
  --accent: var(--em-400);
  --accent-2: var(--yl-400);

  /* --- glass system --- */
  --glass-bg: rgba(8, 46, 33, 0.34);
  --glass-bg-hi: rgba(16, 78, 56, 0.46);
  --glass-stroke: rgba(61, 255, 184, 0.22);
  --glass-stroke-hi: rgba(61, 255, 184, 0.55);
  --glass-blur: 22px;
  --glass-sat: 165%;

  /* --- glow system (the whole point) --- */
  --glow-xs: 0 0 6px rgba(18, 245, 160, .55);
  --glow-sm: 0 0 10px rgba(18, 245, 160, .55), 0 0 22px rgba(0, 224, 140, .32);
  --glow-md: 0 0 14px rgba(18, 245, 160, .62), 0 0 38px rgba(0, 224, 140, .40), 0 0 76px rgba(0, 184, 113, .22);
  --glow-lg: 0 0 20px rgba(61, 255, 184, .70), 0 0 60px rgba(18, 245, 160, .45), 0 0 140px rgba(0, 224, 140, .28);
  --glow-xl: 0 0 28px rgba(124, 255, 207, .85), 0 0 90px rgba(18, 245, 160, .55), 0 0 220px rgba(0, 224, 140, .35);
  --glow-yl: 0 0 12px rgba(255, 214, 10, .75), 0 0 40px rgba(255, 214, 10, .40), 0 0 90px rgba(245, 196, 0, .22);

  /* --- motion --- */
  --ease-out-expo: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out-quint: cubic-bezier(.83, 0, .17, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --dur-fast: 180ms;
  --dur: 420ms;
  --dur-slow: 900ms;

  /* --- geometry --- */
  --r-sm: 8px;
  --r-md: 16px;
  --r-lg: 26px;
  --r-xl: 38px;
  --shell: min(1240px, 92vw);

  /* --- type --- */
  --font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, monospace;
  --font-cursed: Arial, Helvetica, "Trebuchet MS", sans-serif; /* for the 2016 zone */

  /* --- runtime, written by js, do not touch, seriously --- */
  --mx: 50vw;
  --my: 50vh;
  --scroll-progress: 0;
  --vibe-hue: 0deg;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 1ms; --dur: 1ms; --dur-slow: 1ms; }
}