:root {
    /* Backgrounds */
    --bg-primary: #000;
    --bg-nav: rgba(18, 18, 18, 0.85);
    --bg-glass: rgba(0, 0, 0, 0.2);
    --bg-glass-hover: rgba(0, 0, 0, 0.25);
    --bg-accent-subtle: rgba(204, 0, 0, 0.04);
    --bg-accent-light: rgba(204, 0, 0, 0.08);
    --bg-accent-mid: rgba(204, 0, 0, 0.15);
    --bg-accent-strong: rgba(204, 0, 0, 0.2);
    --bg-black-30: rgba(0, 0, 0, 0.3);

    /* Accent */
    --accent: #cc0000;
    --accent-dark: #990000;
    --accent-light: #ff4444;
    --accent-lighter: #ff6666;

    /* Text */
    --text-white: #fff;
    --text-heading: #f0f0f0;
    --text-primary: #e0e0e8;
    --text-secondary: #c8c8d0;
    --text-dim: #ccc;
    --text-label: rgba(255, 255, 255, 0.7);
    --text-muted: rgba(255, 255, 255, 0.6);
    --text-faint: rgba(255, 255, 255, 0.5);
    --text-drop: rgba(255, 255, 255, 0.5);
    --text-option: rgba(255, 255, 255, 0.5);
    --text-green: #00cc00;

    /* Borders */
    --border-glass: 1px solid rgba(255, 255, 255, 0.06);
    --border-subtle: rgba(255, 255, 255, 0.08);
    --border-faint: rgba(255, 255, 255, 0.04);
    --border-accent: rgba(204, 0, 0, 0.3);
    --border-accent-50: rgba(204, 0, 0, 0.5);

    /* Selection */
    --selection-bg: rgba(204, 0, 0, 0.3);

    /* Spacing */
    --spacing-page: 40px;
    --spacing-card: 32px;
    --spacing-lg: 24px;
    --spacing-md: 16px;
    --spacing-sm: 12px;
    --spacing-xs: 8px;
    --gap-grid: 32px;
    --gap-links: 28px;

    /* Border radius */
    --radius-card: 16px;
    --radius-btn: 10px;
    --radius-sm: 8px;
    --radius-xs: 6px;
    --radius-round: 3px;

    /* Typography */
    --font-xs: 11px;
    --font-sm: 12px;
    --font-base: 14px;
    --font-lg: 16px;
    --font-heading: 20px;
    --font-title: 22px;
    --font-section: 28px;
    --font-mono: 'SF Mono', 'Fira Code', 'Consolas', monospace;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;

    /* Effects */
    --glass-blur: blur(6px);
    --glass-blur-nav: blur(6px);
    --transition-fast: 0.2s;
    --transition-normal: 0.25s;
    --transition-slow: 0.35s;
    --c0: #ff4444;
    --c1: #44aaff;
    --c2: #ffaa00;
    --c3: #66dd88;
    --shadow-red: 0 0 24px rgba(204, 0, 0, 0.35);
    --shadow-glow: 0 0 20px rgba(204, 0, 0, 0.12);
    --shadow-glow-strong: 0 0 44px rgba(204, 0, 0, 0.28);

    /* Misc */
    --content-max: 1100px;
    --nav-height: 52px;
}