/* ============================================================ THEMES — 10 palettes via CSS custom properties Switch by setting [data-theme="..."] on ============================================================ */ /* ── BML Template-11 (default) ── matches /data/bml-org-repos/bml-api ── */ :root, [data-theme="bml-t11"] { --bg: #05070c; --bg-elev: #0a0e16; --bg-elev-2: #0f1420; --bg-code: #03050a; --fg: #e9edf3; --fg-strong: #ffffff; --fg-muted: rgba(233, 237, 243, 0.55); --fg-faint: rgba(233, 237, 243, 0.30); --border: rgba(20, 229, 210, 0.30); --border-soft: rgba(20, 229, 210, 0.12); --accent: #14e5d2; --accent-2: #ffb347; --accent-3: #d0faff; --hot: #ff5f7e; --violet: #a78bfa; --success: #4ade80; --warn: #ffb347; --danger: #ff5f7e; --kbd: rgba(20, 229, 210, 0.08); --shadow: 0 40px 100px rgba(0,0,0,0.7), 0 0 60px rgba(20,229,210,0.10); --selection: rgba(20, 229, 210, 0.20); --t11-text-grad: linear-gradient(120deg, #14e5d2 0%, #d0faff 40%, #ffb347 100%); --t11-grad: linear-gradient(135deg, #14e5d2, #ffb347); --t11-glow: 0 0 20px rgba(20,229,210,0.4); --t11-panel: rgba(10,14,22,0.78); } [data-theme="github-dark-dimmed"] { --bg: #22272e; --bg-elev: #2d333b; --bg-elev-2: #373e47; --bg-code: #1c2128; --fg: #adbac7; --fg-strong: #cdd9e5; --fg-muted: #768390; --border: #444c56; --border-soft: #373e47; --accent: #539bf5; --accent-2: #6cb6ff; --success: #57ab5a; --warn: #c69026; --danger: #e5534b; --kbd: #373e47; --shadow: 0 8px 24px rgba(0,0,0,.4); --selection: #2e4a73; } [data-theme="catppuccin-mocha"] { --bg: #1e1e2e; --bg-elev: #181825; --bg-elev-2: #313244; --bg-code: #11111b; --fg: #cdd6f4; --fg-strong: #f5e0dc; --fg-muted: #a6adc8; --border: #45475a; --border-soft: #313244; --accent: #89b4fa; --accent-2: #cba6f7; --success: #a6e3a1; --warn: #f9e2af; --danger: #f38ba8; --kbd: #313244; --shadow: 0 8px 24px rgba(0,0,0,.5); --selection: #585b70; } [data-theme="tokyo-night"] { --bg: #1a1b26; --bg-elev: #16161e; --bg-elev-2: #24283b; --bg-code: #16161e; --fg: #c0caf5; --fg-strong: #ffffff; --fg-muted: #565f89; --border: #3b4261; --border-soft: #24283b; --accent: #7aa2f7; --accent-2: #bb9af7; --success: #9ece6a; --warn: #e0af68; --danger: #f7768e; --kbd: #24283b; --shadow: 0 8px 24px rgba(0,0,0,.55); --selection: #283457; } [data-theme="nord"] { --bg: #2e3440; --bg-elev: #3b4252; --bg-elev-2: #434c5e; --bg-code: #292e39; --fg: #d8dee9; --fg-strong: #eceff4; --fg-muted: #7b8493; --border: #4c566a; --border-soft: #3b4252; --accent: #88c0d0; --accent-2: #81a1c1; --success: #a3be8c; --warn: #ebcb8b; --danger: #bf616a; --kbd: #3b4252; --shadow: 0 8px 24px rgba(0,0,0,.4); --selection: #4c566a; } [data-theme="dracula"] { --bg: #282a36; --bg-elev: #21222c; --bg-elev-2: #44475a; --bg-code: #1e1f29; --fg: #f8f8f2; --fg-strong: #ffffff; --fg-muted: #6272a4; --border: #44475a; --border-soft: #383a47; --accent: #bd93f9; --accent-2: #ff79c6; --success: #50fa7b; --warn: #f1fa8c; --danger: #ff5555; --kbd: #44475a; --shadow: 0 8px 24px rgba(0,0,0,.5); --selection: #44475a; } [data-theme="solarized-dark"] { --bg: #002b36; --bg-elev: #073642; --bg-elev-2: #0d4150; --bg-code: #00212b; --fg: #93a1a1; --fg-strong: #fdf6e3; --fg-muted: #586e75; --border: #094352; --border-soft: #073642; --accent: #268bd2; --accent-2: #2aa198; --success: #859900; --warn: #b58900; --danger: #dc322f; --kbd: #073642; --shadow: 0 8px 24px rgba(0,0,0,.45); --selection: #073642; } [data-theme="one-dark-pro"] { --bg: #282c34; --bg-elev: #21252b; --bg-elev-2: #2c313a; --bg-code: #1e2127; --fg: #abb2bf; --fg-strong: #ffffff; --fg-muted: #5c6370; --border: #3e4451; --border-soft: #2c313a; --accent: #61afef; --accent-2: #c678dd; --success: #98c379; --warn: #e5c07b; --danger: #e06c75; --kbd: #3e4451; --shadow: 0 8px 24px rgba(0,0,0,.45); --selection: #3e4451; } [data-theme="light-sand"] { --bg: #fafaf7; --bg-elev: #ffffff; --bg-elev-2: #f1efe9; --bg-code: #f5f3ee; --fg: #2c2a26; --fg-strong: #0a0a08; --fg-muted: #6c6a64; --border: #d6d2c7; --border-soft: #e7e3d8; --accent: #1f6feb; --accent-2: #8250df; --success: #1a7f37; --warn: #9a6700; --danger: #cf222e; --kbd: #efece4; --shadow: 0 8px 24px rgba(0,0,0,.08); --selection: #b9d8ff; } [data-theme="high-contrast"] { --bg: #000000; --bg-elev: #0a0a0a; --bg-elev-2: #1a1a1a; --bg-code: #050505; --fg: #ffffff; --fg-strong: #ffffff; --fg-muted: #b0b0b0; --border: #ffffff; --border-soft: #444444; --accent: #58a6ff; --accent-2: #d2a8ff; --success: #56d364; --warn: #e3b341; --danger: #ff7b72; --kbd: #1a1a1a; --shadow: none; --selection: #316dca; } @media (prefers-color-scheme: light) { :root:not([data-theme]) { /* Default remains BML t11 (dark) — light preference does NOT override */ } }