:root {
    --color-background: #ffffff;
    --color-surface: #f5f5f5;
    --color-surface-alt: #eeeeee;

    --color-text: #222222;
    --color-text-muted: #666666;

    --color-border: #dddddd;

    --color-primary: #2563eb;
    --color-primary-hover: #1d4ed8;
}


html[data-theme="dark"] {
    --color-background: #121212;
    --color-surface: #1e1e1e;
    --color-surface-alt: #292929;

    --color-text: #f5f5f5;
    --color-text-muted: #b0b0b0;

    --color-border: #383838;

    --color-primary: #60a5fa;
    --color-primary-hover: #93c5fd;
}