:root { --radius: 12px; /* Fallback palette (dark) so nothing renders unstyled if a var is missing. applyTheme sets these inline on , which wins over this block. */ --bg:#15171a; --fg:#e6e7e9; --muted:#9aa0a6; --accent:#ff5a5a; --focal:#ff5a5a; --panel:#23262b; } [data-theme="light"] { --bg:#ffffff; --fg:#1a1a1a; --muted:#6b7280; --accent:#d11; --focal:#d11; --panel:#f3f4f6; } [data-theme="sepia"] { --bg:#f4ecd8; --fg:#3b2f1e; --muted:#8a7a5c; --accent:#b4451f; --focal:#b4451f; --panel:#e8dcc0; } [data-theme="dark"] { --bg:#15171a; --fg:#e6e7e9; --muted:#9aa0a6; --accent:#ff5a5a; --focal:#ff5a5a; --panel:#23262b; } [data-theme="solarized"]{ --bg:#002b36; --fg:#93a1a1; --muted:#586e75; --accent:#cb4b16; --focal:#cb4b16; --panel:#073642; } [data-theme="contrast"]{ --bg:#000; --fg:#fff; --muted:#bbb; --accent:#ff0; --focal:#ff0; --panel:#111; } [data-theme="gruvbox"]{ --bg:#282828; --fg:#ebdbb2; --muted:#928374; --accent:#fe8019; --focal:#fb4934; --panel:#3c3836; } [data-theme="monokai"]{ --bg:#272822; --fg:#f8f8f2; --muted:#75715e; --accent:#f92672; --focal:#a6e22e; --panel:#3e3d32; }