:root {
  --color-bg-main: #070812;
  --color-bg-overlay: #070812f2;
  --color-accent-400: #f87171;
  --color-accent-500: #ef4444;
  --color-accent-600: #dc2626;
  --color-accent-700: #b91c1c;
  --color-accent-800: #991b1b;
  --color-text-main: #ffffff;
  --color-text-muted: #ffffffbf;
  --color-text-subtle: rgb(148 163 184);
  --color-border-soft: #ffffff14;
  --color-border-hover: #ffffff26;
  --color-surface-glass: #ffffff08;
  --color-card-border: #3341554d;
  --color-success: rgb(239 68 68);
  --color-info: rgb(220 38 38);
  --color-warning: rgb(185 28 28);
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-pill: 9999px;
  --shadow-md: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --dur-fast: 150ms;
  --dur-med: 200ms;
  --dur-slow: 300ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
}