/* Theme definitions — loaded by all templates. Default (no data-theme attribute) = deep-ocean. Override via data-theme="rain-forest" on . */ :root, [data-theme="deep-ocean"] { --primary: #1a56db; --primary-hover: #1648b8; --bg-dark: #0f172a; --bg-card: #1e293b; --bg-card-hover: #263548; --bg-input: #0f172a; --text-white: #f8fafc; --text-accent: #60a5fa; --text-muted: #a8b9d1; --border: #334155; --border-color: #334155; --placeholder: #475569; --success: #22c55e; --success-bg: rgba(34,197,94,0.1); --warning: #f59e0b; --error: #ef4444; --error-bg: rgba(239,68,68,0.1); --icon-bg: rgba(26,86,219,0.15); --icon-border: rgba(26,86,219,0.3); --card-glow: rgba(26,86,219,0.15); } [data-theme="rain-forest"] { --primary: #1ba74e; --primary-hover: #178c42; --bg-dark: #0b2013; --bg-card: #162c1d; --bg-card-hover: #1e3a25; --bg-input: #0b2013; --text-white: #f8fafc; --text-accent: #60fa84; --text-muted: #a8d1b3; --border: #2b4833; --border-color: #2b4833; --placeholder: #476950; --success: #22c55e; --success-bg: rgba(34,197,94,0.1); --warning: #f59e0b; --error: #ef4444; --error-bg: rgba(239,68,68,0.1); --icon-bg: rgba(26,219,97,0.15); --icon-border: rgba(26,219,97,0.3); --card-glow: rgba(26,219,97,0.15); } [data-theme="brick-and-mortar"] { --primary: #c2602a; --primary-hover: #a84f20; --bg-dark: #1a1210; --bg-card: #2a211d; --bg-card-hover: #352a25; --bg-input: #1a1210; --text-white: #f5f0ec; --text-accent: #e8a47a; --text-muted: #b8a99d; --border: #3d322c; --border-color: #3d322c; --placeholder: #6b5a4f; --success: #22c55e; --success-bg: rgba(34,197,94,0.1); --warning: #f59e0b; --error: #ef4444; --error-bg: rgba(239,68,68,0.1); --icon-bg: rgba(194,96,42,0.15); --icon-border: rgba(194,96,42,0.3); --card-glow: rgba(194,96,42,0.15); } [data-theme="purple-rain"] { --primary: #7c3aed; --primary-hover: #6a2dc7; --bg-dark: #110d1b; --bg-card: #1e1730; --bg-card-hover: #28203d; --bg-input: #110d1b; --text-white: #f3f0fa; --text-accent: #b794f6; --text-muted: #a89ec4; --border: #332b4d; --border-color: #332b4d; --placeholder: #564b72; --success: #22c55e; --success-bg: rgba(34,197,94,0.1); --warning: #f59e0b; --error: #ef4444; --error-bg: rgba(239,68,68,0.1); --icon-bg: rgba(124,58,237,0.15); --icon-border: rgba(124,58,237,0.3); --card-glow: rgba(124,58,237,0.15); } [data-theme="chalk-and-coal"] { --primary: #6b7280; --primary-hover: #555d6a; --bg-dark: #18191b; --bg-card: #26282c; --bg-card-hover: #303236; --bg-input: #18191b; --text-white: #f0eeeb; --text-accent: #d1cdc7; --text-muted: #9ca3af; --border: #3a3c41; --border-color: #3a3c41; --placeholder: #5c5f66; --success: #22c55e; --success-bg: rgba(34,197,94,0.1); --warning: #f59e0b; --error: #ef4444; --error-bg: rgba(239,68,68,0.1); --icon-bg: rgba(107,114,128,0.15); --icon-border: rgba(107,114,128,0.3); --card-glow: rgba(107,114,128,0.15); } [data-theme="blue-echeveria"] { --primary: #0d9488; --primary-hover: #0b7e73; --bg-dark: #0a1514; --bg-card: #142726; --bg-card-hover: #1c3332; --bg-input: #0a1514; --text-white: #f0fafa; --text-accent: #5eead4; --text-muted: #94c4be; --border: #254543; --border-color: #254543; --placeholder: #3f6b67; --success: #22c55e; --success-bg: rgba(34,197,94,0.1); --warning: #f59e0b; --error: #ef4444; --error-bg: rgba(239,68,68,0.1); --icon-bg: rgba(13,148,136,0.15); --icon-border: rgba(13,148,136,0.3); --card-glow: rgba(13,148,136,0.15); } [data-theme="bloody-mary"] { --primary: #b91c1c; --primary-hover: #9b1818; --bg-dark: #1a0f0f; --bg-card: #2a1a1a; --bg-card-hover: #352222; --bg-input: #1a0f0f; --text-white: #faf0f0; --text-accent: #f87171; --text-muted: #c4a0a0; --border: #3d2828; --border-color: #3d2828; --placeholder: #6b4444; --success: #22c55e; --success-bg: rgba(34,197,94,0.1); --warning: #f59e0b; --error: #ef4444; --error-bg: rgba(239,68,68,0.1); --icon-bg: rgba(185,28,28,0.15); --icon-border: rgba(185,28,28,0.3); --card-glow: rgba(185,28,28,0.15); }