:root {
  color-scheme: dark;
  --black: #020406;
  --surface: #070c11;
  --surface-raised: #0b1219;
  --line: rgba(181, 225, 255, 0.14);
  --line-strong: rgba(210, 239, 255, 0.28);
  --text: #eefaff;
  --muted: #8397a4;
  --cyan: #30f2ff;
  --accent: #42ff8c;
  --green: #5dff9b;
  --yellow: #ffe45b;
  --orange: #ff7a38;
  --magenta: #ff48db;
  --violet: #9f6bff;
  --danger: #ff4e64;
  --radius-sm: 0.45rem;
  --radius-md: 0.8rem;
  --radius-lg: 1.25rem;
  --page-pad: clamp(1rem, 4vw, 4.5rem);
  --content-max: 90rem;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-organic: cubic-bezier(0.34, 1.56, 0.64, 1);
  --fast: 180ms;
  --medium: 420ms;
  --slow: 2.8s;
}

:root[data-motion="reduced"] {
  --fast: 1ms;
  --medium: 1ms;
  --slow: 1ms;
}

:root[data-motion="standard"] {
  --fast: 180ms;
  --medium: 420ms;
  --slow: 2.8s;
}

:root[data-motion="intense"] {
  --fast: 110ms;
  --medium: 260ms;
  --slow: 1.15s;
}