:root {
    /* dark par défaut */
    --bg: #16181c;
    --surface: #1d2025;
    --surface-2: #242830;
    --text: #e7e9ee;
    --text-muted: #aab1bc;
    --border: #2d323b;
    --accent: #4f8cff;
    --accent-text: #ffffff;
    --ok: #3ecf8e;
    --danger: #e5524b;

    --radius: 8px;
    --radius-lg: 12px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-6: 24px;
    --space-8: 32px;

    --fs-sm: 14px;
    --fs-md: 16px;
    --fs-lg: 20px;
    --fs-xl: 28px;
    --tap: 44px;
}

:root[data-theme="light"] {
    --bg: #f7f8fa;
    --surface: #ffffff;
    --surface-2: #f0f2f5;
    --text: #1a1d22;
    --text-muted: #5b626c;
    --border: #e2e5ea;
}

@media (prefers-reduced-motion: reduce) {
    * { animation: none !important; transition: none !important; }
}