:root {
    --color-bg-dark: #07111f;
    --color-bg-dark-2: #0b1829;
    --color-surface-dark: #102139;
    --color-bg-light: #f5f7fa;
    --color-surface-light: #ffffff;
    --color-surface-soft: #eef2f7;
    --color-text-on-dark: #f7f9fc;
    --color-text-on-light: #101828;
    --color-text-muted-dark: #9eacc0;
    --color-text-muted-light: #667085;
    --color-accent: #4f7cff;
    --color-accent-hover: #3d67df;
    --color-accent-soft: #e9efff;
    --color-border-dark: rgba(255, 255, 255, 0.1);
    --color-border-light: #e3e8ef;
    --color-success: #1f9d67;
    --color-warning: #d98a14;
    --color-danger: #d84c4c;
    --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --container-width: 1320px;

    /* Radii */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
    --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);

    /* Transitions */
    --transition-fast: 180ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
}