:root {
    --bg-primary: #ffffff;
    --bg-secondary: #fafafa;
    --text-primary: #000000;
    --text-secondary: #666666;
    --text-tertiary: #777777;
    --border-color: #eeeeee;
    --button-bg: #000000;
    --button-text: #ffffff;
    --button-hover: #333333;
    --card-hover-shadow: rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] {
    --bg-primary: #0a0a0a;
    --bg-secondary: #111111;
    --text-primary: #ffffff;
    --text-secondary: #aaaaaa;
    --text-tertiary: #888888;
    --border-color: #222222;
    --button-bg: #ffffff;
    --button-text: #000000;
    --button-hover: #dddddd;
    --card-hover-shadow: rgba(255, 255, 255, 0.1);
}