:root[data-theme="light"] {
    --bg-primary: #ffffff;
    --bg-secondary: #f3f3f3;
    --bg-tertiary: #e8e8e8;
    --bg-hover: #e5e5e5;
    --bg-card: #ffffff;
    --bg-card-hover: #f5f5f5;

    --text-primary: #333333;
    --text-secondary: #666666;
    --text-muted: #999999;

    --border-color: #d4d4d4;
    --border-light: #e8e8e8;

    --accent-primary: #007acc;
    --accent-hover: #005a9e;
    --accent-secondary: #f48771;

    --shadow: rgba(0, 0, 0, 0.1);
    --shadow-light: rgba(0, 0, 0, 0.05);
}