/* 🍱 LinkBento — CSS Variables & Themes */

/* =============== CSS VARIABLES =============== */
:root {
    --text-color: #ffffff;
    --link-bg: rgba(255, 255, 255, 0.05);
    --link-border: rgba(255, 255, 255, 0.15);
    --accent-color: #00d2ff;
    --secondary-accent: #9d50bb;
    --bg-primary: #0f0c29;
    --bg-gradient: linear-gradient(-45deg, #0f0c29, #302b63, #24243e, #1a1a2e);
}

/* =============== THEMES =============== */

/* Light Mode */
[data-theme="light"] {
    --text-color: #1a1a2e;
    --link-bg: rgba(0, 0, 0, 0.05);
    --link-border: rgba(0, 0, 0, 0.15);
    --bg-primary: #f5f5f5;
    --bg-gradient: linear-gradient(-45deg, #f5f5f5, #e0e0e0, #ffffff, #f0f0f0);
}

/* Cyberpunk Theme */
[data-theme="cyberpunk"] {
    --text-color: #00ff41;
    --link-bg: rgba(0, 255, 65, 0.05);
    --link-border: rgba(0, 255, 65, 0.3);
    --accent-color: #ff0080;
    --secondary-accent: #00ff41;
    --bg-primary: #0d0d0d;
    --bg-gradient: linear-gradient(-45deg, #0d0d0d, #1a0a1a, #0d1a0d, #0d0d1a);
}

/* Sunset Theme */
[data-theme="sunset"] {
    --text-color: #fff5e6;
    --link-bg: rgba(255, 107, 53, 0.1);
    --link-border: rgba(255, 107, 53, 0.3);
    --accent-color: #ff6b35;
    --secondary-accent: #f7c59f;
    --bg-primary: #2d1b2d;
    --bg-gradient: linear-gradient(-45deg, #2d1b2d, #4a1942, #6b2d3a, #8b4513);
}

/* Ocean Theme */
[data-theme="ocean"] {
    --text-color: #e0f7fa;
    --link-bg: rgba(0, 188, 212, 0.1);
    --link-border: rgba(0, 188, 212, 0.3);
    --accent-color: #00bcd4;
    --secondary-accent: #4dd0e1;
    --bg-primary: #004d5a;
    --bg-gradient: linear-gradient(-45deg, #004d5a, #006064, #00838f, #0097a7);
}

/* Forest Theme */
[data-theme="forest"] {
    --text-color: #e8f5e9;
    --link-bg: rgba(76, 175, 80, 0.1);
    --link-border: rgba(76, 175, 80, 0.3);
    --accent-color: #4caf50;
    --secondary-accent: #81c784;
    --bg-primary: #1b2e1b;
    --bg-gradient: linear-gradient(-45deg, #1b2e1b, #2e4a2e, #1a3a1a, #0d260d);
}

/* Neon Theme */
[data-theme="neon"] {
    --text-color: #ffffff;
    --link-bg: rgba(255, 0, 255, 0.1);
    --link-border: rgba(0, 255, 255, 0.3);
    --accent-color: #00ffff;
    --secondary-accent: #ff00ff;
    --bg-primary: #0a0a0a;
    --bg-gradient: linear-gradient(-45deg, #0a0a0a, #1a0a2e, #0a1a2e, #0a0a1a);
}

/* Midnight Theme */
[data-theme="midnight"] {
    --text-color: #c5cae9;
    --link-bg: rgba(63, 81, 181, 0.1);
    --link-border: rgba(63, 81, 181, 0.3);
    --accent-color: #3f51b5;
    --secondary-accent: #7986cb;
    --bg-primary: #0d1321;
    --bg-gradient: linear-gradient(-45deg, #0d1321, #1a237e, #121858, #0d1321);
}

/* Rose Theme */
[data-theme="rose"] {
    --text-color: #fce4ec;
    --link-bg: rgba(233, 30, 99, 0.1);
    --link-border: rgba(233, 30, 99, 0.3);
    --accent-color: #e91e63;
    --secondary-accent: #f48fb1;
    --bg-primary: #2d1b2d;
    --bg-gradient: linear-gradient(-45deg, #2d1b2d, #4a1a3d, #3d1a3d, #2d1026);
}

/* Aurora Theme */
[data-theme="aurora"] {
    --text-color: #e8f5e9;
    --link-bg: rgba(156, 39, 176, 0.1);
    --link-border: rgba(0, 230, 118, 0.3);
    --accent-color: #00e676;
    --secondary-accent: #aa00ff;
    --bg-primary: #0d1b2a;
    --bg-gradient: linear-gradient(-45deg, #0d1b2a, #1b2838, #0d2818, #1a0d2a);
}

/* Lavender Theme */
[data-theme="lavender"] {
    --text-color: #f3e5f5;
    --link-bg: rgba(186, 104, 200, 0.1);
    --link-border: rgba(186, 104, 200, 0.3);
    --accent-color: #ce93d8;
    --secondary-accent: #ba68c8;
    --bg-primary: #1a0e2e;
    --bg-gradient: linear-gradient(-45deg, #1a0e2e, #2d1650, #1e1040, #2a1848);
}

/* Mocha Theme */
[data-theme="mocha"] {
    --text-color: #efebe9;
    --link-bg: rgba(161, 136, 127, 0.1);
    --link-border: rgba(161, 136, 127, 0.3);
    --accent-color: #d7a86e;
    --secondary-accent: #a1887f;
    --bg-primary: #1b1210;
    --bg-gradient: linear-gradient(-45deg, #1b1210, #2c1e1a, #3e2723, #1a120e);
}

/* Arctic Theme */
[data-theme="arctic"] {
    --text-color: #e1f5fe;
    --link-bg: rgba(129, 212, 250, 0.08);
    --link-border: rgba(129, 212, 250, 0.25);
    --accent-color: #81d4fa;
    --secondary-accent: #4fc3f7;
    --bg-primary: #0a1929;
    --bg-gradient: linear-gradient(-45deg, #0a1929, #0d2137, #0f2b46, #0a1f35);
}

/* Volcano Theme */
[data-theme="volcano"] {
    --text-color: #fff3e0;
    --link-bg: rgba(255, 87, 34, 0.1);
    --link-border: rgba(255, 87, 34, 0.3);
    --accent-color: #ff5722;
    --secondary-accent: #ff8a65;
    --bg-primary: #1a0a00;
    --bg-gradient: linear-gradient(-45deg, #1a0a00, #2d1000, #3e1a00, #1f0c00);
}

/* Synthwave Theme */
[data-theme="synthwave"] {
    --text-color: #f8e8ff;
    --link-bg: rgba(224, 64, 251, 0.1);
    --link-border: rgba(255, 215, 0, 0.25);
    --accent-color: #ffd700;
    --secondary-accent: #e040fb;
    --bg-primary: #1a0033;
    --bg-gradient: linear-gradient(-45deg, #1a0033, #2d004d, #0d0033, #33004d);
}

/* Dracula Theme */
[data-theme="dracula"] {
    --text-color: #f8f8f2;
    --link-bg: rgba(98, 114, 164, 0.1);
    --link-border: rgba(98, 114, 164, 0.3);
    --accent-color: #bd93f9;
    --secondary-accent: #ff79c6;
    --bg-primary: #282a36;
    --bg-gradient: linear-gradient(-45deg, #282a36, #1e1f29, #343746, #21222c);
}