/* Theme clair*/
:root {
    --color-bg:      #ffffff;
    --color-surface: #f5f5f5;
    --color-border:  #e0e0e0;

    --color-text:    #1a1a1a;
    --color-muted:   #6b6b6b;

    --color-primary:       #3b5bdb;
    --color-primary-hover: #2f4ac2;
    --color-success:       #2f9e44;
    --color-danger:        #c92a2a;
    --color-warning:       #e67700;

    --font-sans: 'Segoe UI', system-ui, sans-serif;
    --font-mono: 'Fira Code', monospace;
    --font-size-base: 1rem;
    --line-height: 1.6;

    --space-sm:  0.5rem;
    --space-md:  1rem;
    --space-lg:  2rem;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;

    --transition: 0.2s ease;
}

/* Theme sombre */
[data-theme="dark"] {
    --color-bg:      #121212;
    --color-surface: #1e1e1e;
    --color-border:  #2e2e2e;

    --color-text:    #f1f1f1;
    --color-muted:   #a0a0a0;

    --color-primary:       #748ffc;
    --color-primary-hover: #91a7ff;
    --color-success:       #69db7c;
    --color-danger:        #ff6b6b;
    --color-warning:       #ffd43b;
}