:root {
    --color-bg: #0a0c10;
    --color-surface: #11141a;
    --color-surface-2: #191d25;
    --color-surface-3: #222731;
    --color-text: #f0f4f8;
    --color-text-muted: #94a9bc;
    --color-border: #1e262f;
    --color-border-muted: #151b23;
    --color-primary: #58a6ff;
    --color-primary-strong: #1f6feb;
    --color-accent: #7ee787;
    --color-danger: #f85149;
    --color-success: #3fb950;

    --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 16px 48px rgba(0, 0, 0, 0.3);

    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;

    --container-max: 1200px;
    --content-max: 860px;

    --text-xs: 12px;
    --text-sm: 14px;
    --text-md: 16px;
    --text-lg: 18px;
    --text-xl: 24px;
    --text-2xl: 32px;
    --text-3xl: 42px;

    --line-base: 1.6;

    --transition-fast: 160ms ease;
    --transition-base: 220ms ease;
}