/* ClickTrap design tokens. The effective theme is applied via data-scheme / data-font on . Default (no attributes) = Editorial warm + Inter. */ :root{ --bg:#fafaf7; --card:#ffffff; --chip:#ece9de; --chip-bd:#bcb6a8; --hover:#dad1bf; --line:#c6c0b2; --line-soft:#d6d1c2; --text:#17150f; --text-2:#262219; --muted:#3f3a2f; --faint:#615b4d; --side-bg:#e8e4d8; --side-bd:#ccc6b8; --bar:#34312c; --bar-2:#403c35; --bar-text:#f5f3ed; --bar-muted:#c3bcb0; --accent:#c4541f; --fill:#17150f; --fill-text:#fafaf7; --rust:#a8431a; --teal:#1a6075; --olive:#6e5200; --green:#276a2b; --chart-1:#17150f; --chart-2:#1a6075; --g-bg:#eaf4ea; --g-bd:#94c094; --g-tx:#236b23; --a-bg:#fbf1dd; --a-bd:#dabd76; --a-tx:#7a5600; --r-bg:#f6e6df; --r-bd:#d59a82; --r-tx:#8f2f12; --f-head:'Inter',system-ui,sans-serif; --f-body:'Inter',system-ui,sans-serif; --f-label:'Inter',system-ui,sans-serif; --f-chrome:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; --sidebar-w:214px; --bar-h:54px; } /* ---------- colour schemes ---------- */ html[data-scheme="neutral"]{ --bg:#f6f7f9; --card:#ffffff; --chip:#eef1f5; --chip-bd:#d5dbe3; --hover:#e7ebf1; --line:#dfe3e9; --line-soft:#eceff3; --text:#1b2024; --text-2:#39414a; --muted:#586271; --faint:#8b95a3; --side-bg:#eef1f5; --side-bd:#d8dde4; --bar:#2a2f37; --bar-2:#353b45; --bar-text:#eef1f5; --bar-muted:#9aa4b2; --accent:#2f6f8b; --fill:#1b2024; --fill-text:#f6f7f9; --rust:#b5532a; --teal:#2f6f8b; --olive:#7a6a2a; --green:#2e7d4f; --chart-1:#1b2024; --chart-2:#2f6f8b; --g-bg:#e9f4ec; --g-bd:#a3c9af; --g-tx:#2c6b46; --a-bg:#fbf2e0; --a-bd:#e3c88a; --a-tx:#876200; --r-bg:#f6e8e3; --r-bd:#d9a791; --r-tx:#9a3618; } html[data-scheme="slate"]{ --bg:#15181c; --card:#1d2127; --chip:#242a31; --chip-bd:#333b44; --hover:#262c34; --line:#2c333c; --line-soft:#222830; --text:#e6e9ed; --text-2:#c3cad2; --muted:#98a2ad; --faint:#6c7681; --side-bg:#181c21; --side-bd:#2a313a; --bar:#0f1318; --bar-2:#171c22; --bar-text:#e6e9ed; --bar-muted:#8893a0; --accent:#e0763f; --fill:#e6e9ed; --fill-text:#15181c; --rust:#e0763f; --teal:#4aa3c2; --olive:#c2a04a; --green:#5bbf73; --chart-1:#e6e9ed; --chart-2:#4aa3c2; --g-bg:#1c2e22; --g-bd:#3f6b46; --g-tx:#8fd6a0; --a-bg:#2e2716; --a-bd:#76612e; --a-tx:#e6c478; --r-bg:#311d17; --r-bd:#7a3f2f; --r-tx:#ec9a79; } html[data-scheme="midnight"]{ --bg:#1a1714; --card:#221d18; --chip:#2a241d; --chip-bd:#3a3228; --hover:#2c261f; --line:#332c23; --line-soft:#262019; --text:#efe7db; --text-2:#d8cdbd; --muted:#a99e8d; --faint:#7c7263; --side-bg:#1f1a15; --side-bd:#322a20; --bar:#120f0c; --bar-2:#1b1611; --bar-text:#efe7db; --bar-muted:#988b78; --accent:#e0763f; --fill:#efe7db; --fill-text:#1a1714; --rust:#e0763f; --teal:#5aa6bf; --olive:#cfa94a; --green:#62bf78; --chart-1:#efe7db; --chart-2:#5aa6bf; --g-bg:#1f2c1c; --g-bd:#446b3f; --g-tx:#93d68f; --a-bg:#2f2614; --a-bd:#7a602c; --a-tx:#e8c374; --r-bg:#321c15; --r-bd:#7c3e2c; --r-tx:#ee9a75; } /* ---------- typefaces ---------- */ html[data-font="inter"] {--f-head:'Inter',system-ui,sans-serif;--f-body:'Inter',system-ui,sans-serif;--f-label:'Inter',system-ui,sans-serif} html[data-font="manrope"] {--f-head:'Manrope',system-ui,sans-serif;--f-body:'Manrope',system-ui,sans-serif;--f-label:'Manrope',system-ui,sans-serif} html[data-font="jakarta"] {--f-head:'Plus Jakarta Sans',system-ui,sans-serif;--f-body:'Plus Jakarta Sans',system-ui,sans-serif;--f-label:'Plus Jakarta Sans',system-ui,sans-serif} html[data-font="srcsans"] {--f-head:'Source Sans 3',system-ui,sans-serif;--f-body:'Source Sans 3',system-ui,sans-serif;--f-label:'Source Sans 3',system-ui,sans-serif} html[data-font="grotesk"] {--f-head:'Space Grotesk',sans-serif;--f-body:'Inter',system-ui,sans-serif;--f-label:'Inter',system-ui,sans-serif} html[data-font="fraunces"]{--f-head:'Fraunces',Georgia,serif;--f-body:'Inter',system-ui,sans-serif;--f-label:'Inter',system-ui,sans-serif} html[data-font="spectral"]{--f-head:'Spectral',Georgia,serif;--f-body:'Inter',system-ui,sans-serif;--f-label:'Inter',system-ui,sans-serif} html[data-font="srcserif"]{--f-head:'Source Serif 4',Georgia,serif;--f-body:'Source Sans 3',system-ui,sans-serif;--f-label:'Source Sans 3',system-ui,sans-serif} html[data-font="news"] {--f-head:'Newsreader',Georgia,serif;--f-body:'Inter',system-ui,sans-serif;--f-label:'Inter',system-ui,sans-serif} html[data-font="playfair"]{--f-head:'Playfair Display',Georgia,serif;--f-body:'Inter',system-ui,sans-serif;--f-label:'Inter',system-ui,sans-serif}