[data-theme='light'] {
    --color-background: #ffffff;
    --color-foreground: #000000;
    --color-accent: #0066ff;
    --color-accent-hover: #0052cc;
    --color-border: #dddddd;
    --color-panel: #f5f5f5;
    --color-input: #eeeeee;
    --color-text-secondary: #666666;
    --color-warning: #ff6b00;
    --color-success: #00cc66;
    --color-error: #ff3333;
}

[data-theme='dark'] {
    --color-background: #000000;
    --color-foreground: #ffffff;
    --color-accent: #0066ff;
    --color-accent-hover: #0052cc;
    --color-border: #333333;
    --color-panel: #0a0a0a;
    --color-input: #1a1a1a;
    --color-text-secondary: #cccccc;
    --color-warning: #ff6b00;
    --color-success: #00cc66;
    --color-error: #ff3333;
}

#theme-toggle::before {
    content: '☀️';
    font-size: 20px;
}

[data-theme='dark'] #theme-toggle::before {
    content: '🌙';
}