:root {
    --bg-body: #F3F4F7;
    --text-main: #333;
    --text-secondary: #666;
    --text-muted: #999;
    --bg-nav: linear-gradient(135deg, #ffffff 0%, rgba(255, 190, 88, 0.1) 100%);
    --bg-nav-hover: linear-gradient(135deg, #ffffff 0%, rgba(255, 190, 88, 0.05) 100%);
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    --border-color: rgba(255, 107, 53, 0.1);
    --border-color-hover: rgba(255, 107, 53, 0.3);
    --shadow-main: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.12);
    --accent-color: rgb(255, 190, 88);
}

[data-theme='dark'] {
    --bg-body: #121212;
    --text-main: #e0e0e0;
    --text-secondary: #b0b0b0;
    --text-muted: #808080;
    --bg-nav: linear-gradient(135deg, #1e1e1e 0%, rgba(255, 190, 88, 0.05) 100%);
    --bg-nav-hover: linear-gradient(135deg, #252525 0%, rgba(255, 190, 88, 0.08) 100%);
    --bg-card: #1e1e1e;
    --bg-input: #2a2a2a;
    --border-color: rgba(255, 255, 255, 0.05);
    --border-color-hover: rgba(255, 190, 88, 0.2);
    --shadow-main: 0 4px 20px rgba(0, 0, 0, 0.4);
    --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.6);
}