:root {
  color-scheme: dark;
  --ink-950: #0d0e10;
  --ink-900: #16181b;
  --ink-800: #202327;
  --ink-700: #2d3136;
  --steel-100: #f4f5f7;
  --steel-300: #b8bec6;
  --steel-500: #8a9098;
  --candy-red: #e10600;
  --candy-text: #ff5148;
  --color-primary: var(--candy-red);
  --color-primary-hover: #c80500;
  --color-secondary: var(--steel-300);
  --color-success: #9bd4a7;
  --color-warning: #e9dfc4;
  --color-error: #ff8078;
  --color-info: var(--steel-300);
  --bg-primary: var(--ink-950);
  --bg-secondary: var(--ink-900);
  --bg-tertiary: var(--ink-800);
  --text-primary: var(--steel-100);
  --text-secondary: var(--steel-300);
  --text-muted: var(--steel-500);
  --border-color: var(--ink-700);
  --border-radius: 2px;
  --border-radius-lg: 4px;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --section-space: clamp(4rem, 8vw, 7rem);
  --font-sans: Arial, Helvetica, sans-serif;
  --font-display: "Archivo", Arial, Helvetica, sans-serif;
  --font-mono: ui-monospace, monospace;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --shadow-sm: 0 1px 2px #0003;
  --shadow-md: 0 4px 12px #0005;
  --shadow-glow: 0 0 24px #e1060020;
  --container-max: 1280px;
  --header-height: 96px;
}