/* Shared theme for all awratzlaff.ca sites: fonts and colours, light and dark.
   Edit this file; deploy.sh copies it into each site as /theme.css.
   Each site adds its own colours at the top of its own stylesheet. */
@import url('https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;450;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{
  --bg:#ffffff;
  --surface:#fff;
  --raised:#f9f9fd;
  --sunken:#e7e7f0;
  --line:#d4d4e1;
  --line-soft:#e5e5ee;
  --fg:#17171f;
  --fg-2:#4c4c60;
  --fg-3:#7b7b92;
  --accent:#4a3fcb;
  --accent-soft:#e8e6fb;
  --accent-line:#bdb6f2;
  --font-display:'Familjen Grotesk','Helvetica Neue',Arial,sans-serif;
  --font-body:'IBM Plex Sans',system-ui,-apple-system,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#111117;
  --surface:#191921;
  --raised:#20202a;
  --sunken:#0c0c11;
  --line:#2d2d3b;
  --line-soft:#24242e;
  --fg:#ebebf3;
  --fg-2:#aeaec2;
  --fg-3:#7e7e98;
  --accent:#9b92ff;
  --accent-soft:#251f45;
  --accent-line:#453b7d;
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#111117;
  --surface:#191921;
  --raised:#20202a;
  --sunken:#0c0c11;
  --line:#2d2d3b;
  --line-soft:#24242e;
  --fg:#ebebf3;
  --fg-2:#aeaec2;
  --fg-3:#7e7e98;
  --accent:#9b92ff;
  --accent-soft:#251f45;
  --accent-line:#453b7d;
  color-scheme:dark;
}