:root,
[data-theme="dark"] {
    --color-bg: #121017;
    --color-bg-secondary: #1a1720;
    --color-surface: #211d29;
    --color-border: rgba(255, 255, 255, 0.08);
    --color-text: #f5f4f7;
    --color-text-muted: #a5a1ae;
    --color-accent: #ff5a5a;
    --color-accent-dark: #e14545;
    --color-accent-rgb: 255, 90, 90;
    --glass-bg: rgba(255, 255, 255, 0.05);
    --glass-border: rgba(255, 255, 255, 0.1);
    --shadow-color: rgba(0, 0, 0, 0.45);
    --color-success: #34d399;
    --color-warning: #fbbf24;
    --color-danger: #f87171;
    --skeleton-base: rgba(255, 255, 255, 0.06);
    --skeleton-shine: rgba(255, 255, 255, 0.14);
}

[data-theme="light"] {
    --color-bg: #f6f5f8;
    --color-bg-secondary: #ffffff;
    --color-surface: #ffffff;
    --color-border: rgba(0, 0, 0, 0.08);
    --color-text: #1c1a21;
    --color-text-muted: #6b6875;
    --color-accent: #ff5a5a;
    --color-accent-dark: #e14545;
    --color-accent-rgb: 255, 90, 90;
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(0, 0, 0, 0.07);
    --shadow-color: rgba(20, 20, 30, 0.1);
    --color-success: #059669;
    --color-warning: #b45309;
    --color-danger: #dc2626;
    --skeleton-base: rgba(0, 0, 0, 0.06);
    --skeleton-shine: rgba(0, 0, 0, 0.12);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background-color: var(--color-bg);
    color: var(--color-text);
    transition: background-color 0.25s ease, color 0.25s ease;
    min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', 'Inter', sans-serif;
    font-weight: 600;
    margin: 0 0 0.5rem;
    color: var(--color-text);
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    display: block;
}

button {
    font-family: inherit;
}

.theme-icon-light { display: none; }
[data-theme="dark"] .theme-icon-light { display: inline-block; }
[data-theme="dark"] .theme-icon-dark { display: none; }
[data-theme="light"] .theme-icon-dark { display: none; }
[data-theme="light"] .theme-icon-light { display: inline-block; }