/* =========================================================
 themes.css - Sab Themes (Frontend + Admin Panel dono ke liye)
 =========================================================
 Har theme apne rang (--bg, --accent wagera) ke sath sath
 --on-accent aur --on-accent-2 bhi deta hai - ye batata hai
 ke us rang ke UPAR (button ke andar) kis rang ka TEXT likha
 jaye taake hamesha saaf parh sake (kabhi bhi halka text
 halke background par na aaye).
 ========================================================= */

:root,
html[data-theme="light"] {
 --bg: #F3E9D3;
 --surface: #FFFDF8;
 --surface-alt: #072E25;
 --text: #1B2E28;
 --text-muted: #5b6b64;
 --accent: #0B4F3F;
 --accent-2: #C9A227;
 --border: #E8D9B8;
 --danger: #b3261e;
 --on-accent: #FFFFFF;
 --on-accent-2: #1B2E28;
}

html[data-theme="dark"] {
 --bg: #121212;
 --surface: #1e1e1e;
 --surface-alt: #0a0a0a;
 --text: #e6e6e6;
 --text-muted: #9a9a9a;
 --accent: #14b8a6;
 --accent-2: #f59e0b;
 --border: #2a2a2a;
 --danger: #ef4444;
 --on-accent: #08201d;
 --on-accent-2: #211603;
}

html[data-theme="dracula"] {
 --bg: #282a36;
 --surface: #343746;
 --surface-alt: #21222c;
 --text: #f8f8f2;
 --text-muted: #b8b8d1;
 --accent: #bd93f9;
 --accent-2: #50fa7b;
 --border: #44475a;
 --danger: #ff5555;
 --on-accent: #1a1225;
 --on-accent-2: #0c2013;
}

html[data-theme="nord"] {
 --bg: #2e3440;
 --surface: #3b4252;
 --surface-alt: #242933;
 --text: #eceff4;
 --text-muted: #c3cad6;
 --accent: #88c0d0;
 --accent-2: #a3be8c;
 --border: #4c566a;
 --danger: #bf616a;
 --on-accent: #12232a;
 --on-accent-2: #16210f;
}

html[data-theme="solarized"] {
 --bg: #002b36;
 --surface: #073642;
 --surface-alt: #001e27;
 --text: #c8d4d4;
 --text-muted: #8fa6a6;
 --accent: #268bd2;
 --accent-2: #b58900;
 --border: #0a4552;
 --danger: #dc322f;
 --on-accent: #FFFFFF;
 --on-accent-2: #221900;
}

html[data-theme="catppuccin"] {
 --bg: #1e1e2e;
 --surface: #313244;
 --surface-alt: #181825;
 --text: #cdd6f4;
 --text-muted: #b0b8e0;
 --accent: #cba6f7;
 --accent-2: #89b4fa;
 --border: #45475a;
 --danger: #f38ba8;
 --on-accent: #221a30;
 --on-accent-2: #10203a;
}

html[data-theme="gruvbox"] {
 --bg: #282828;
 --surface: #3c3836;
 --surface-alt: #1d2021;
 --text: #ebdbb2;
 --text-muted: #cbbb96;
 --accent: #fe8019;
 --accent-2: #b8bb26;
 --border: #504945;
 --danger: #fb4934;
 --on-accent: #2b1100;
 --on-accent-2: #1f2100;
}

html[data-theme="monokai"] {
 --bg: #272822;
 --surface: #383830;
 --surface-alt: #1e1f1c;
 --text: #f8f8f2;
 --text-muted: #c2c2b0;
 --accent: #f92672;
 --accent-2: #a6e22e;
 --border: #49483e;
 --danger: #f92672;
 --on-accent: #FFFFFF;
 --on-accent-2: #1c2408;
}

html[data-theme="one-dark-pro"] {
 --bg: #282c34;
 --surface: #2c313a;
 --surface-alt: #21252b;
 --text: #abb2bf;
 --text-muted: #8791a3;
 --accent: #61afef;
 --accent-2: #98c379;
 --border: #3e4451;
 --danger: #e06c75;
 --on-accent: #0d1f2e;
 --on-accent-2: #14210c;
}

html[data-theme="github-dark"] {
 --bg: #0d1117;
 --surface: #161b22;
 --surface-alt: #010409;
 --text: #c9d1d9;
 --text-muted: #9ba7b4;
 --accent: #58a6ff;
 --accent-2: #3fb950;
 --border: #30363d;
 --danger: #f85149;
 --on-accent: #041526;
 --on-accent-2: #FFFFFF;
}

html[data-theme="github-light"] {
 --bg: #ffffff;
 --surface: #f6f8fa;
 --surface-alt: #24292f;
 --text: #24292f;
 --text-muted: #57606a;
 --accent: #0969da;
 --accent-2: #1a7f37;
 --border: #d0d7de;
 --danger: #cf222e;
 --on-accent: #FFFFFF;
 --on-accent-2: #FFFFFF;
}

html[data-theme="tokyo-night"] {
 --bg: #1a1b26;
 --surface: #24283b;
 --surface-alt: #16161e;
 --text: #a9b1d6;
 --text-muted: #8992c2;
 --accent: #7aa2f7;
 --accent-2: #bb9af7;
 --border: #414868;
 --danger: #f7768e;
 --on-accent: #0c1526;
 --on-accent-2: #1e1130;
}