/* ===== DESIGN TOKENS ===== */
:root {
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-smooth: cubic-bezier(0.4, 0, 0, 1);
    --transition-theme: 0.5s var(--ease-smooth);
}

/* ===== THEME: WARM ===== */
[data-theme="warm"] {
    --bg-1: #FAF7F2; --bg-2: #F0EAE0; --bg-card: #FFFFFF;
    --bg-dark: #2D2535; --bg-dark-2: #1A1520;
    --c1: #8B7BA8; --c1-rgb: 139,123,168;
    --c2: #B8956A; --c2-rgb: 184,149,106;
    --text-h: #1A1520; --text-b: #4A4258; --text-m: #8A8198;
    --text-d: #F0EAE0; --text-dm: rgba(240,234,224,0.5);
    --line: rgba(139,123,168,0.1); --line-h: rgba(139,123,168,0.25);
    --nav-bg: rgba(250,247,242,0.9);
}

/* ===== THEME: DARK ===== */
[data-theme="dark"] {
    --bg-1: #111111; --bg-2: #1A1A1A; --bg-card: #1E1E1E;
    --bg-dark: #0A0A0A; --bg-dark-2: #060606;
    --c1: #C8A97E; --c1-rgb: 200,169,126;
    --c2: #E8D5B5; --c2-rgb: 232,213,181;
    --text-h: #F0EAE0; --text-b: #B8B0A8; --text-m: #706860;
    --text-d: #F0EAE0; --text-dm: rgba(240,234,224,0.4);
    --line: rgba(200,169,126,0.1); --line-h: rgba(200,169,126,0.25);
    --nav-bg: rgba(17,17,17,0.92);
}

/* ===== THEME: CLEAN ===== */
[data-theme="clean"] {
    --bg-1: #FFFFFF; --bg-2: #F4F6F9; --bg-card: #FFFFFF;
    --bg-dark: #1A1A2E; --bg-dark-2: #0F0F1E;
    --c1: #6B8A99; --c1-rgb: 107,138,153;
    --c2: #1A1A2E; --c2-rgb: 26,26,46;
    --text-h: #1A1A2E; --text-b: #4A5568; --text-m: #94A3B8;
    --text-d: #E8ECF0; --text-dm: rgba(232,236,240,0.45);
    --line: rgba(107,138,153,0.1); --line-h: rgba(107,138,153,0.25);
    --nav-bg: rgba(255,255,255,0.92);
}