/* Light Theme */

:root {
    --color-bg-primary: #fafafa;
    --color-bg-secondary: #ffffff;
    --color-bg-tertiary: #f4f4f5;
    --color-bg-elevated: #ffffff;

    --color-text-primary: #18181b;
    --color-text-secondary: #52525b;
    --color-text-muted: #a1a1aa;

    --color-accent: #4f46e5;
    --color-accent-dim: #4338ca;
    --color-accent-glow: rgba(79, 70, 229, 0.1);

    --color-success: #16a34a;
    --color-warning: #ca8a04;
    --color-error: #dc2626;

    --color-border: #e4e4e7;
    --color-border-subtle: #f4f4f5;

    --color-input-bg: #ffffff;
    --color-input-border: #d4d4d8;
    --color-input-focus: #a1a1aa;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.08);
}

/* Theme icon */
body .icon-sun { display: inline; }
body .icon-moon { display: none; }

/* Scrollbar */
::-webkit-scrollbar-track {
    background: var(--color-bg-secondary);
}

::-webkit-scrollbar-thumb {
    background: var(--color-border);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-text-muted);
}