:root {
  --bg: #0A0A0A;
  --surface: #111111;
  --surface-2: #161616;
  --line: #1F1F1F;
  --line-2: #2A2A2A;
  --text: #F2F2F2;
  --muted: #8A8A8A;
  --faint: #5A5A5A;
  --accent: #B4FF39;
  --accent-hover: #C6FF5E;
  --accent-dim: rgba(180, 255, 57, 0.12);
  --on-accent: #0A0A0A;

  --r-ui: 12px;
  --r-media: 20px;

  --font-sans: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Cascadia Mono', Consolas, monospace;

  --ease: cubic-bezier(0.25, 0, 0.35, 1);
  --t-fast: 200ms;
  --t-slow: 450ms;

  --container: 1200px;
  --pad: 20px;
}
@media (min-width: 768px) {
  :root { --pad: 32px; }
}