:root {
  color-scheme: dark;

  --color-bg: #080b10;
  --color-surface: #101720;
  --color-surface-raised: #151f2b;
  --color-surface-muted: #1b2734;
  --color-border: #354353;

  --color-text: #f2f5f7;
  --color-text-muted: #aeb9c6;
  --color-text-subtle: #8290a0;

  --color-primary: #00e887;
  --color-secondary: #ff61dc;
  --color-info: #62d9ff;
  --color-warning: #ffcc66;
  --color-danger: #ff6687;

  --shadow-primary: 0 0 0 1px rgb(0 232 135 / 18%),
    0 12px 36px rgb(0 232 135 / 10%);
  --shadow-focus: 0 0 0 3px rgb(8 11 16),
    0 0 0 5px var(--color-primary);
  --shadow-card-hover: 0 20px 60px rgb(0 0 0 / 40%);

  --font-heading: "Orbitron", monospace;
  --font-body: "JetBrains Mono", monospace;
  --font-label: "Share Tech Mono", monospace;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;

  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out-quart: cubic-bezier(0.76, 0, 0.24, 1);
  --duration-fast: 160ms;
  --duration-standard: 280ms;
  --duration-slow: 480ms;
  --duration-slower: 720ms;

  --bp-mobile: 36rem;
  --bp-tablet: 48rem;
  --bp-laptop: 64rem;
  --bp-desktop: 85rem;
  --bp-widescreen: 120rem;

  --container-max: 75rem;
  --container-padding-x: 1rem;
}