/* Riosoma theme: Brutalist
   Generated by tools/build_themes.py from design-systems/brutalist/. Edit the source or the build, not this file.
   Color scheme: data-scheme="<id>" on <html> or any container. Default: raw.
   Scheme, mode, and surface ids are listed in theme.json. */

@layer rio.theme {
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/anton-dd050d9cf137.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/anton-8e604ae3fff1.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/anton-34f7e336a751.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/archivo-black-de6c9c68aa8b.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/archivo-black-a45e7f22c78e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 100;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-0ea05d7cf336.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 100;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-a7968d818a3c.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 100;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-12757841bc06.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 200;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-157031ba3631.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 200;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-900206a21d56.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 200;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-0b123f55628e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 300;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-90de7d143275.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 300;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-12fe5b3d3087.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 300;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-93e33744b2ad.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-05be72b5afe6.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-a2714bd2148e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-6f41319bb1c1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 500;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-c70542fd123b.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 500;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-977ae7e9027e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 500;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-55d8c5d08750.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 600;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-131e0d2b7243.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 600;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-7b9fc433d9a0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 600;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-7ddfa163f0da.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-a5f2461a3aa2.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-994cf2b8a7b7.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-b5342cc33c1c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 800;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-25478a44d6e9.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 800;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-335af48372c5.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 800;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-41b3dd1eea5e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 900;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-b94719ae4e28.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 900;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-01f1de1d39ea.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 900;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-7d1112cb03ca.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 100;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-d582e4d0bb17.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 100;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-d76306f29a47.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 100;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-f0029bcc08c4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 200;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-a9c97b908965.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 200;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-aca81328356b.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 200;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-370f7adb26fb.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-5b91d80fd3d6.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-f2cc6d5a9fc6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-e64c16649d34.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-c4c132e9960a.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-23646cbd83d8.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-35525e7502e7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-c16fd4f9ec85.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-b09d21161637.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-145e80f79f9b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-5c2b8ad785e4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-24370c5f3eee.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-3c28853997d4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-a79641dde962.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-512cd6704e9b.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-348a713e81e1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-99e2992f41f7.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-5deee55c4baa.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-da1d3ddb8151.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-95a23ed66bc9.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-742b5cac6227.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/barlow-condensed-da2a1d6fd91b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Black Ops One';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/black-ops-one-9142d2bd6ecc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Black Ops One';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/black-ops-one-c7a5a29d3061.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Black Ops One';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/black-ops-one-9ac4cacb7afd.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Black Ops One';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/black-ops-one-47043f72e743.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/fjalla-one-832a3db6bfa4.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/fjalla-one-efffaa3bf8e9.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/fjalla-one-98ba21a69804.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/fjalla-one-40a0fcc33487.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Russo One';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/russo-one-a9c193d696b4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Russo One';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/russo-one-bc7c101a15bc.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Russo One';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/russo-one-e9263779a3f4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 100;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-9e93ada1a22a.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 100;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-0909a1411909.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 100;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-db59d56108ab.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 200;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-2e328413f66f.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 200;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-e1702264a1ea.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 200;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-14a38e953489.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-35ceeb56ca6e.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-2438c4aa886f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-bfc0e9b64bf9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-1ce198c723d1.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-feac1766de5e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-ef8d3da36045.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-b9fb418fbb24.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-b2769b9c7d23.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-cf648867efd4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-c25105295ac7.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-23d29cc95495.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-c98df95f6239.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-0f4df011cddb.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-b7e9c870705e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-2f5235b87cd4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-2f32b6426cb2.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-306b16ed4982.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-8190d4ad7827.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-990d15c2a036.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-1f58c51b3feb.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/saira-condensed-a574cd984bdf.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 300 700;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/teko-b388ec7245aa.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 300 700;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/teko-e9afadebe703.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 300 700;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/teko-fc3a54774061.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 200 900;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/unbounded-e2d04a7a8390.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 200 900;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/unbounded-873021f40eb2.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 200 900;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/unbounded-8b036af6c2d2.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 200 900;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/unbounded-5ed433999239.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 200 900;
  font-display: optional;
  src: url(/themes/brutalist/assets/fonts/remote/unbounded-9323db4fa054.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ── tokens/fonts.css ──────────────────────────────────────────── */
/* Webfonts shipped with this system. All licensed display/text faces from the
   attached "Brutalism Assets" library. Monospace is a system stack (no mono
   face existed in the source library) — see readme.md TYPE. */

















:root, [data-scheme]{
  /* families */
  --font-condensed:"Barlow Condensed",system-ui,sans-serif;
  --font-condensed-alt:"Fjalla One","Barlow Condensed",system-ui,sans-serif;
  --font-condensed-tall:"Teko","Barlow Condensed",system-ui,sans-serif;
  --font-condensed-tech:"Saira Condensed","Barlow Condensed",system-ui,sans-serif;
  --font-core:"Unbounded",system-ui,sans-serif;
  --font-slab:"Black Ops One","Unbounded",sans-serif;
  --font-heavy:"Anton","Unbounded",sans-serif;
  --font-poster:"Archivo Black","Unbounded",sans-serif;
  --font-edge:"Russo One","Unbounded",sans-serif;
  --font-mono:ui-monospace,monospace;
  /* raw defaults — brutalism uses the browser's own faces on purpose */
  --font-grotesk:system-ui,sans-serif;
  --font-serif:serif;

  /* roles */
  --font-display:var(--font-condensed);
  --font-ui:var(--font-core);
  --font-body:var(--font-grotesk);
  --font-editorial:var(--font-serif);
  --font-label:var(--font-mono);
  --font-data:var(--font-mono);
}

/* ── tokens/colors.css ─────────────────────────────────────────── */
/* BASE PALETTE + SEMANTIC ALIASES
   The system is built on three roles: PAPER (ground), INK (everything you
   read), ACCENT (the one loud voice). Everything else is derived.

   IMPORTANT: a custom property that calls color-mix(var(--ink), var(--paper))
   resolves against the element it is DECLARED on, not the element it is used
   on. Declaring the derived layer only on :root would freeze every grey to the
   root theme, so the whole derived + semantic block is repeated on
   [data-scheme] — that is what makes a theme swap re-derive the palette.
   Theme files (tokens/themes.css) override ONLY the four role primitives. */

:root, [data-scheme]{
  /* --- role primitives: RAW theme (default) --- */
  --paper:#efece4;
  --ink:#111111;
  --accent:#ff2d16;
  --on-accent:#111111;

  /* --- derived grounds --- */
  --paper-shade:color-mix(in srgb,var(--ink) 7%,var(--paper));
  --paper-deep:color-mix(in srgb,var(--ink) 14%,var(--paper));
  --ink-mute:color-mix(in srgb,var(--ink) 88%,var(--paper));
  --ink-faint:color-mix(in srgb,var(--ink) 76%,var(--paper));
  --ink-hair:color-mix(in srgb,var(--ink) 16%,var(--paper));
  /* duotone separation roles: BASE takes the shadows (must be the darker
     of the two), FLOOD tints the highlights via multiply. Themes whose accent
     is the near-black swap the pair — see tokens/themes.css. */
  --duotone-base:var(--ink);
  --duotone-flood:var(--accent);
  --accent-shade:color-mix(in srgb,#000 18%,var(--accent));
  --accent-tint:color-mix(in srgb,var(--paper) 78%,var(--accent));

  /* --- extended accents: 3-colour themes alias these back to the trio --- */
  --accent-2:var(--ink);
  --accent-3:var(--accent);
  --accent-4:var(--ink);
  --accent-5:var(--accent);
  --accent-6:var(--ink);

  /* --- semantic surfaces --- */
  --surface-page:var(--paper);
  --surface-card:var(--paper);
  --surface-inset:var(--paper-shade);
  --surface-block:var(--ink);
  --surface-loud:var(--accent);
  --surface-chrome:var(--paper-deep);

  /* --- semantic text --- */
  --text-body:var(--ink);
  --text-heading:var(--ink);
  --text-muted:var(--ink-mute);
  --text-inverse:var(--paper);
  --text-loud:var(--accent);
  --text-on-loud:var(--on-accent);
  --text-link:var(--ink);
  --text-link-hover:var(--accent);

  /* --- semantic lines --- */
  --border-ink:var(--ink);
  --border-hair:var(--ink-hair);
  --border-loud:var(--accent);
  --focus-ring:var(--accent);

  /* --- status: brutalism has no pastel status palette. Status is carried by
         the accent, the ink, and TYPE. Aliases exist so components compile. --- */
  --status-ok:var(--ink);
  --status-warn:var(--accent);
  --status-bad:var(--accent);
  --status-info:var(--ink-mute);
}

/* Re-derive everything inside any themed container. Same specificity as :root
   and declared after it, so themed scopes win. Nested themes re-derive again. */
[data-scheme], :root:where(:not([data-scheme])){
  /* --- derived grounds --- */
  --paper-shade:color-mix(in srgb,var(--ink) 7%,var(--paper));
  --paper-deep:color-mix(in srgb,var(--ink) 14%,var(--paper));
  --ink-mute:color-mix(in srgb,var(--ink) 88%,var(--paper));
  --ink-faint:color-mix(in srgb,var(--ink) 76%,var(--paper));
  --ink-hair:color-mix(in srgb,var(--ink) 16%,var(--paper));
  /* duotone separation roles: BASE takes the shadows (must be the darker
     of the two), FLOOD tints the highlights via multiply. Themes whose accent
     is the near-black swap the pair — see tokens/themes.css. */
  --duotone-base:var(--ink);
  --duotone-flood:var(--accent);
  --accent-shade:color-mix(in srgb,#000 18%,var(--accent));
  --accent-tint:color-mix(in srgb,var(--paper) 78%,var(--accent));

  /* --- extended accents: 3-colour themes alias these back to the trio --- */
  --accent-2:var(--ink);
  --accent-3:var(--accent);
  --accent-4:var(--ink);
  --accent-5:var(--accent);
  --accent-6:var(--ink);

  /* --- semantic surfaces --- */
  --surface-page:var(--paper);
  --surface-card:var(--paper);
  --surface-inset:var(--paper-shade);
  --surface-block:var(--ink);
  --surface-loud:var(--accent);
  --surface-chrome:var(--paper-deep);

  /* --- semantic text --- */
  --text-body:var(--ink);
  --text-heading:var(--ink);
  --text-muted:var(--ink-mute);
  --text-inverse:var(--paper);
  --text-loud:var(--accent);
  --text-on-loud:var(--on-accent);
  --text-link:var(--ink);
  --text-link-hover:var(--accent);

  /* --- semantic lines --- */
  --border-ink:var(--ink);
  --border-hair:var(--ink-hair);
  --border-loud:var(--accent);
  --focus-ring:var(--accent);

  /* --- status: brutalism has no pastel status palette. Status is carried by
         the accent, the ink, and TYPE. Aliases exist so components compile. --- */
  --status-ok:var(--ink);
  --status-warn:var(--accent);
  --status-bad:var(--accent);
  --status-info:var(--ink-mute);
}

/* ── tokens/themes.css ─────────────────────────────────────────── */
/* COLOUR SCHEME VARIANTS
   Apply with [data-scheme="…"] on <html>, <body>, or any container.
   Ten of the thirteen are strict three-colour schemes (paper / ink / accent).
   Three — SPECTRUM, CLAY, CANDY — carry extra accents for variety.
   Source palettes: see readme.md COLOUR. */

/* 00 RAW — the default. Newsprint, ink, one signal red. */
[data-scheme="raw"], :root:where(:not([data-scheme])){--paper:#efece4;--ink:#111111;--accent:#ff2d16;--on-accent:#111111}

/* 01 SPECTRUM — 6 accents. coolors f94144…277da1 */
[data-scheme="spectrum"]{
  --paper:#f7f3e8;--ink:#101010;--accent:#f94144;--on-accent:#101010;
  --accent-2:#f8961e;--accent-3:#f9c74f;--accent-4:#90be6d;--accent-5:#43aa8b;--accent-6:#277da1;
}

/* 02 NAVY FLARE — 000814 / 003566 / ffd60a */
/* Themes that reverse out of a dark ground set --duotone-base / --duotone-flood
   explicitly: --ink is the LIGHT value there, so the derived default would put a
   light colour under the screened image and wash the plate out. Rule: BASE is
   always the darkest colour in the scheme, FLOOD the saturated one. */
[data-scheme="navy-flare"]{--paper:#003566;--ink:#ffd60a;--accent:#000814;--on-accent:#ffd60a;--duotone-base:#000814;--duotone-flood:#ffd60a}

/* 03 VIOLENT — 390099 / ff0054 / ffbd00 */
[data-scheme="violent"]{--paper:#390099;--ink:#ffbd00;--accent:#ff0054;--on-accent:#12002b;--duotone-base:#390099;--duotone-flood:#ff0054}

/* 04 CIVIC — f1faee / 1d3557 / e63946 */
[data-scheme="civic"]{--paper:#f1faee;--ink:#1d3557;--accent:#e63946;--on-accent:#08111c}

/* 05 CLAY — 4 colours. f6bd60 f7ede2 f5cac3 84a59d f28482 */
[data-scheme="clay"]{
  --paper:#f7ede2;--ink:#2f2a26;--accent:#f28482;--on-accent:#2f2a26;
  --accent-2:#f6bd60;--accent-3:#84a59d;--accent-4:#f5cac3;--accent-5:#f6bd60;--accent-6:#84a59d;
}

/* 06 TERRA — 233d4d / fe7f2d / fcca46 */
[data-scheme="terra"]{--paper:#233d4d;--ink:#fcca46;--accent:#fe7f2d;--on-accent:#12202a;--duotone-base:#233d4d;--duotone-flood:#fcca46}

/* 07 LAGOON — 22577a / 57cc99 / c7f9cc */
[data-scheme="lagoon"]{--paper:#22577a;--ink:#c7f9cc;--accent:#57cc99;--on-accent:#0d2233;--duotone-base:#22577a;--duotone-flood:#c7f9cc}

/* 08 TOXIC — 2e5339 / 00fddc / ff5666 */
[data-scheme="toxic"]{--paper:#2e5339;--ink:#00fddc;--accent:#ff5666;--on-accent:#16281b;--duotone-base:#2e5339;--duotone-flood:#00fddc}

/* 09 CANDY — 4 colours. 70d6ff ff70a6 ff9770 ffd670 */
[data-scheme="candy"]{
  --paper:#70d6ff;--ink:#14141e;--accent:#ff70a6;--on-accent:#14141e;
  --accent-2:#ff9770;--accent-3:#ffd670;--accent-4:#ff70a6;--accent-5:#ff9770;--accent-6:#ffd670;
}

/* 10 SIGNAL — f3ffbd / 247ba0 / ff1654 */
[data-scheme="signal"]{--paper:#f3ffbd;--ink:#0f4a63;--accent:#ff1654;--on-accent:#06131c}

/* 11 DOSSIER — ebebd3 / 083d77 / f95738 */
[data-scheme="dossier"]{--paper:#ebebd3;--ink:#083d77;--accent:#f95738;--on-accent:#041f3d}

/* 12 CONCRETE — 3c493f / f0f7f4 / a2e3c4 */
[data-scheme="concrete"]{--paper:#3c493f;--ink:#f0f7f4;--accent:#a2e3c4;--on-accent:#22301f;--duotone-base:#3c493f;--duotone-flood:#a2e3c4}

/* ── tokens/typography.css ─────────────────────────────────────── */
/* TYPE SCALE
   Brutalist type is either enormous or tiny. The middle of the scale exists
   only for running body copy; headlines live at --fs-6xl and up. */

:root, [data-scheme]{
  --fs-2xs:11px; /* @kind font */
  --fs-xs:12px; /* @kind font */
  --fs-sm:13px; /* @kind font */
  --fs-base:15px; /* @kind font */
  --fs-md:17px; /* @kind font */
  --fs-lg:20px; /* @kind font */
  --fs-xl:24px; /* @kind font */
  --fs-2xl:30px; /* @kind font */
  --fs-3xl:38px; /* @kind font */
  --fs-4xl:48px; /* @kind font */
  --fs-5xl:64px; /* @kind font */
  --fs-6xl:84px; /* @kind font */
  --fs-7xl:112px; /* @kind font */
  --fs-8xl:152px; /* @kind font */
  --fs-9xl:208px; /* @kind font */

  /* fluid poster sizes — for hero slabs that must fill their container */
  --fs-fluid-hero:clamp(56px,11vw,208px); /* @kind font */
  --fs-fluid-title:clamp(36px,6.5vw,112px); /* @kind font */
  --fs-fluid-sub:clamp(18px,2.2vw,34px); /* @kind font */

  /* weights */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-bold:700; /* @kind font */
  --fw-black:900; /* @kind font */


  --lh-crush:1; /* @kind other */
  --lh-solid:1.05; /* @kind other */
  --lh-tight:1.12; /* @kind other */
  --lh-snug:1.15; /* @kind other */
  --lh-body:1.42; /* @kind other */
  --lh-loose:1.6; /* @kind other */

  /* tracking */
  --tr-crush:-0.045em; /* @kind other */
  --tr-tight:-0.02em; /* @kind other */
  --tr-none:0em; /* @kind other */
  --tr-label:0.08em; /* @kind other */
  --tr-wide:0.16em; /* @kind other */
  --tr-mega:0.28em; /* @kind other */

  /* composed text roles */
  --type-hero:var(--fw-regular) var(--fs-fluid-hero)/var(--lh-crush) var(--font-display); /* @kind font */
  --type-display:var(--fw-regular) var(--fs-7xl)/var(--lh-solid) var(--font-display); /* @kind font */
  --type-h1:var(--fw-regular) var(--fs-5xl)/var(--lh-solid) var(--font-display); /* @kind font */
  --type-h2:var(--fw-regular) var(--fs-4xl)/var(--lh-tight) var(--font-display); /* @kind font */
  --type-h3:var(--fw-black) var(--fs-xl)/var(--lh-snug) var(--font-ui); /* @kind font */
  --type-h4:var(--fw-bold) var(--fs-md)/var(--lh-snug) var(--font-ui); /* @kind font */
  --type-ui:var(--fw-bold) var(--fs-sm)/1 var(--font-ui); /* @kind font */
  --type-editorial:var(--fw-regular) var(--fs-md)/var(--lh-body) var(--font-editorial); /* @kind font */
  --type-body:var(--fw-regular) var(--fs-base)/var(--lh-body) var(--font-body); /* @kind font */
  --type-body-lg:var(--fw-regular) var(--fs-md)/var(--lh-body) var(--font-body); /* @kind font */
  --type-label:var(--fw-regular) var(--fs-xs)/1 var(--font-label); /* @kind font */
  --type-data:var(--fw-regular) var(--fs-sm)/1.3 var(--font-data); /* @kind font */
  --type-caption:var(--fw-regular) var(--fs-2xs)/1.35 var(--font-label); /* @kind font */
}

/* ── tokens/spacing.css ────────────────────────────────────────── */
/* SPACING + LAYOUT GRID
   Padding is either flush (0) or generous. There is no cosy in-between.
   Blocks butt directly against each other; gutters are hairlines, not air. */

:root, [data-scheme]{
  --sp-0:0px; /* @kind spacing */
  --sp-1:4px; /* @kind spacing */
  --sp-2:8px; /* @kind spacing */
  --sp-3:12px; /* @kind spacing */
  --sp-4:16px; /* @kind spacing */
  --sp-5:24px; /* @kind spacing */
  --sp-6:32px; /* @kind spacing */
  --sp-7:48px; /* @kind spacing */
  --sp-8:64px; /* @kind spacing */
  --sp-9:96px; /* @kind spacing */
  --sp-10:128px; /* @kind spacing */
  --sp-11:192px; /* @kind spacing */

  /* component insets */
  --pad-control:10px 18px; /* @kind spacing */
  --pad-control-sm:6px 12px; /* @kind spacing */
  --pad-control-lg:16px 32px; /* @kind spacing */
  --pad-cell:10px 14px; /* @kind spacing */
  --pad-card:var(--sp-5); /* @kind spacing */
  --pad-card-lg:var(--sp-7); /* @kind spacing */
  --pad-section:var(--sp-9) var(--sp-7); /* @kind spacing */

  /* grid */
  --grid-cols:12; /* @kind other */
  --gutter-flush:0px; /* @kind spacing */
  --gutter-hair:2px; /* @kind spacing */
  --gutter-rule:4px; /* @kind spacing */
  --gutter-air:var(--sp-5); /* @kind spacing */
  --measure:62ch; /* @kind other */
  --measure-narrow:44ch; /* @kind other */
  --page-max:1440px; /* @kind other */
  --page-gutter:clamp(16px,4vw,64px); /* @kind spacing */

  /* control heights */
  --h-control-sm:30px; /* @kind spacing */
  --h-control:42px; /* @kind spacing */
  --h-control-lg:56px; /* @kind spacing */
  --h-bar:56px; /* @kind spacing */
  --h-titlebar-mac:28px; /* @kind spacing */
  --h-titlebar-win:32px; /* @kind spacing */
  --h-titlebar-linux:36px; /* @kind spacing */
  --hit-min:44px; /* @kind spacing */
}

/* ── tokens/structure.css ──────────────────────────────────────── */
/* STRUCTURE — rules, radii, shadows, textures
   Non-negotiables of this system:
   • Every radius is 0. There is no --radius-sm.
   • There are NO drop shadows and NO offset "sticker" shadows. Depth is made
     with rule weight, inversion, and overlap. (Offset shadows belong to
     neubrutalism, which this system deliberately excludes.)
   • Lines come in five weights and are always solid ink or solid accent.

   Split into two blocks for the same reason as tokens/colors.css: any token
   whose value calls var(--ink) / var(--accent) resolves against the element it
   is DECLARED on, so the themed block is repeated on [data-scheme]. Static
   primitives that reference nothing themed stay on :root alone. */

:root, [data-scheme]{
  --radius:0; /* @kind radius */
  --radius-pill:0; /* @kind radius */

  --rule-hair:1px; /* @kind spacing */
  --rule-thin:2px; /* @kind spacing */
  --rule:3px; /* @kind spacing */
  --rule-thick:5px; /* @kind spacing */
  --rule-slab:8px; /* @kind spacing */
  --rule-monument:14px; /* @kind spacing */

  --shadow-none:none; /* @kind shadow */
  --focus-offset:2px; /* @kind spacing */

  /* texture + pattern assets — flat files, nothing to re-derive */
  --tex-grain-1:url("/themes/brutalist/assets/assets/textures/grain-01.png"); /* @kind other */
  --tex-grain-2:url("/themes/brutalist/assets/assets/textures/grain-02.png"); /* @kind other */
  --tex-grain-3:url("/themes/brutalist/assets/assets/textures/grain-03.png"); /* @kind other */
  --tex-grain-4:url("/themes/brutalist/assets/assets/textures/grain-04.png"); /* @kind other */
  --tex-grain-5:url("/themes/brutalist/assets/assets/textures/grain-05.png"); /* @kind other */
  --tex-grain-6:url("/themes/brutalist/assets/assets/textures/grain-06.png"); /* @kind other */
  --pat-geo-1:url("/themes/brutalist/assets/assets/patterns/pattern-01.jpg"); /* @kind other */
  --pat-geo-2:url("/themes/brutalist/assets/assets/patterns/pattern-02.jpg"); /* @kind other */
  --pat-geo-3:url("/themes/brutalist/assets/assets/patterns/pattern-03.jpg"); /* @kind other */

  /* tile sizes for the generated grounds */
  --halftone-dot:7px; /* @kind spacing */
  --halftone-fine-tile:6px 6px; /* @kind spacing */
  --halftone-coarse-tile:14px 14px; /* @kind spacing */
  --pat-rule-grid-tile:24px 24px; /* @kind spacing */
  --pat-checker-tile:16px 16px; /* @kind spacing */
}

/* ---- themed: everything below references --ink / --accent / --ink-hair ---- */

:root, [data-scheme]{
  --border-thin:var(--rule-thin) solid var(--border-ink); /* @kind other */
  --border-std:var(--rule) solid var(--border-ink); /* @kind other */
  --border-thick:var(--rule-thick) solid var(--border-ink); /* @kind other */
  --border-slab:var(--rule-slab) solid var(--border-ink); /* @kind other */
  --border-loud-std:var(--rule) solid var(--border-loud); /* @kind other */
  --border-hair-std:var(--rule-hair) solid var(--border-hair); /* @kind other */
  --focus-outline:var(--rule) solid var(--focus-ring); /* @kind other */

  /* generated grounds */
  --pat-hatch:repeating-linear-gradient(45deg,var(--ink) 0 2px,transparent 2px 7px); /* @kind other */
  --pat-hatch-loud:repeating-linear-gradient(45deg,var(--accent) 0 3px,transparent 3px 9px); /* @kind other */
  --pat-scanline:repeating-linear-gradient(to bottom,var(--ink) 0 1px,transparent 1px 4px); /* @kind other */
  --pat-rule-grid:linear-gradient(var(--ink-hair) 1px,transparent 1px),linear-gradient(90deg,var(--ink-hair) 1px,transparent 1px); /* @kind other */
  --pat-checker:repeating-conic-gradient(var(--ink) 0% 25%,transparent 0% 50%); /* @kind other */
  --pat-bars:repeating-linear-gradient(90deg,var(--ink) 0 8px,transparent 8px 16px); /* @kind other */

  /* halftone dot fields — used for posterised image stand-ins and fills.
     The bare tokens are valid in `background:` only; the *-img variants are
     for `background-image` and need their matching *-tile size. */
  --halftone-fine:radial-gradient(var(--ink) 28%,transparent 29%) 0 0/6px 6px,radial-gradient(var(--ink) 28%,transparent 29%) 3px 3px/6px 6px; /* @kind other */
  --halftone-coarse:radial-gradient(var(--ink) 34%,transparent 35%) 0 0/14px 14px,radial-gradient(var(--ink) 34%,transparent 35%) 7px 7px/14px 14px; /* @kind other */
  --halftone-fine-img:radial-gradient(circle at 25% 25%,var(--ink) 20%,transparent 21%),radial-gradient(circle at 75% 75%,var(--ink) 20%,transparent 21%); /* @kind other */
  --halftone-coarse-img:radial-gradient(circle at 25% 25%,var(--ink) 26%,transparent 27%),radial-gradient(circle at 75% 75%,var(--ink) 26%,transparent 27%); /* @kind other */
}

/* Re-derive inside any themed container: same specificity as :root, declared
   after it, so themed scopes win. Nested themes re-derive again. */
[data-scheme], :root:where(:not([data-scheme])){
  --border-thin:var(--rule-thin) solid var(--border-ink); /* @kind other */
  --border-std:var(--rule) solid var(--border-ink); /* @kind other */
  --border-thick:var(--rule-thick) solid var(--border-ink); /* @kind other */
  --border-slab:var(--rule-slab) solid var(--border-ink); /* @kind other */
  --border-loud-std:var(--rule) solid var(--border-loud); /* @kind other */
  --border-hair-std:var(--rule-hair) solid var(--border-hair); /* @kind other */
  --focus-outline:var(--rule) solid var(--focus-ring); /* @kind other */

  /* generated grounds */
  --pat-hatch:repeating-linear-gradient(45deg,var(--ink) 0 2px,transparent 2px 7px); /* @kind other */
  --pat-hatch-loud:repeating-linear-gradient(45deg,var(--accent) 0 3px,transparent 3px 9px); /* @kind other */
  --pat-scanline:repeating-linear-gradient(to bottom,var(--ink) 0 1px,transparent 1px 4px); /* @kind other */
  --pat-rule-grid:linear-gradient(var(--ink-hair) 1px,transparent 1px),linear-gradient(90deg,var(--ink-hair) 1px,transparent 1px); /* @kind other */
  --pat-checker:repeating-conic-gradient(var(--ink) 0% 25%,transparent 0% 50%); /* @kind other */
  --pat-bars:repeating-linear-gradient(90deg,var(--ink) 0 8px,transparent 8px 16px); /* @kind other */

  /* halftone dot fields — used for posterised image stand-ins and fills.
     The bare tokens are valid in `background:` only; the *-img variants are
     for `background-image` and need their matching *-tile size. */
  --halftone-fine:radial-gradient(var(--ink) 28%,transparent 29%) 0 0/6px 6px,radial-gradient(var(--ink) 28%,transparent 29%) 3px 3px/6px 6px; /* @kind other */
  --halftone-coarse:radial-gradient(var(--ink) 34%,transparent 35%) 0 0/14px 14px,radial-gradient(var(--ink) 34%,transparent 35%) 7px 7px/14px 14px; /* @kind other */
  --halftone-fine-img:radial-gradient(circle at 25% 25%,var(--ink) 20%,transparent 21%),radial-gradient(circle at 75% 75%,var(--ink) 20%,transparent 21%); /* @kind other */
  --halftone-coarse-img:radial-gradient(circle at 25% 25%,var(--ink) 26%,transparent 27%),radial-gradient(circle at 75% 75%,var(--ink) 26%,transparent 27%); /* @kind other */
}

/* ── tokens/motion.css ─────────────────────────────────────────── */
/* MOTION
   Brutalist motion is a CUT, not a curve. Transitions are near-instant and
   step-like; nothing eases in from below, nothing bounces, nothing fades
   slowly. Longer moves are reserved for marquees and glitch loops. */

:root, [data-scheme]{
  --dur-instant:0ms; /* @kind other */
  --dur-snap:60ms; /* @kind other */
  --dur-quick:110ms; /* @kind other */
  --dur-marquee:22s; /* @kind other */
  --dur-glitch:2.4s; /* @kind other */
  --dur-blink:1.05s; /* @kind other */

  --ease-cut:steps(1,end); /* @kind other */
  --ease-step-3:steps(3,end); /* @kind other */
  --ease-flat:linear; /* @kind other */
  --ease-hard:cubic-bezier(.2,0,0,1); /* @kind other */

  --transition-control:background-color var(--dur-snap) var(--ease-flat),color var(--dur-snap) var(--ease-flat),border-color var(--dur-snap) var(--ease-flat); /* @kind other */
  --transition-none:none; /* @kind other */
}

@media (prefers-reduced-motion:reduce){
  :root, [data-scheme]{
    --dur-marquee:0s; /* @kind other */
    --dur-glitch:0s; /* @kind other */
    --dur-blink:0s; /* @kind other */
  }
}

/* ── Riosoma semantic layer (see themes/README.md) ────────────── */
:root, [data-scheme], [data-mode], [data-surface] {
  --rio-bg: var(--surface-page);
  --rio-surface: var(--surface-card);
  --rio-ink: var(--text-body);
  --rio-text: var(--rio-legible-text, var(--text-body));
  --rio-text-muted: var(--rio-legible-text-muted, var(--text-muted));
  --rio-border: var(--border-ink);
  --rio-accent: var(--accent);
  --rio-on-accent: var(--rio-legible-on-accent, var(--on-accent));
  --rio-link: var(--text-link);
  --rio-focus: var(--focus-ring);
  --rio-success: var(--status-ok);
  --rio-warning: var(--status-warn);
  --rio-danger: var(--status-bad);
  --rio-info: var(--status-info);
  --rio-font-body: var(--font-body);
  --rio-font-display: var(--font-display);
  --rio-font-mono: var(--font-mono);
  --rio-radius: var(--radius);
}

/* Riosoma legibility tier */
:root:where(:not([data-scheme])), [data-scheme="raw"] {
  --rio-legible-surface-tint: 6%;
  --rio-legible-hover-tint: 8%;
  --rio-legible-pressed-tint: 14%;
  --rio-legible-selected-tint: 16%;
  --rio-aa-text: #111111;
  --rio-aa-on-accent: #111111;
  --rio-aa-accent-text: #d21600;
  --rio-aa-text-muted: #2c2b2a;
  --rio-aa-link: #111111;
  --rio-aa-focus: #ff2d16;
  --rio-aa-border: #111111;
  --rio-aa-success-text: #111111;
  --rio-aa-on-success: #efece4;
  --rio-aa-warning-text: #ab1000;
  --rio-aa-on-warning: #111111;
  --rio-aa-danger-text: #ab1000;
  --rio-aa-on-danger: #111111;
  --rio-aa-info-text: #2c2b2a;
  --rio-aa-on-info: #efece4;
  --rio-legible-text: #111111;
  --rio-legible-text-muted: #2c2b2a;
  --rio-legible-on-accent: #111111;
  --rio-aa-choice-text: #111111;
  --rio-aa-choice-gray: #7c7c7c;
  --rio-aa-choice-gray-soft: #d5d2cc;
  --rio-aa-choice-red: #e5484d;
  --rio-aa-choice-red-soft: #f2cbc2;
  --rio-aa-choice-orange: #cf6a06;
  --rio-aa-choice-orange-soft: #ebd0bb;
  --rio-aa-choice-yellow: #a97f00;
  --rio-aa-choice-yellow-soft: #e0d4ba;
  --rio-aa-choice-green: #299940;
  --rio-aa-choice-green-soft: #c8dac0;
  --rio-aa-choice-teal: #02968b;
  --rio-aa-choice-teal-soft: #c6d9d0;
  --rio-aa-choice-blue: #3b82f6;
  --rio-aa-choice-blue-soft: #c8d6eb;
  --rio-aa-choice-purple: #9b59d0;
  --rio-aa-choice-purple-soft: #dccde2;
  --rio-aa-choice-pink: #d6409f;
  --rio-aa-choice-pink-soft: #eec9d5;
  --rio-aa-choice-brown: #9c6b3f;
  --rio-aa-choice-brown-soft: #ddcfbf;
}
[data-scheme="spectrum"] {
  --rio-legible-surface-tint: 6%;
  --rio-legible-hover-tint: 8%;
  --rio-legible-pressed-tint: 14%;
  --rio-legible-selected-tint: 16%;
  --rio-aa-text: #101010;
  --rio-aa-on-accent: #101010;
  --rio-aa-accent-text: #d91729;
  --rio-aa-text-muted: #2c2b2a;
  --rio-aa-link: #101010;
  --rio-aa-focus: #f94144;
  --rio-aa-border: #101010;
  --rio-aa-success-text: #101010;
  --rio-aa-on-success: #f7f3e8;
  --rio-aa-warning-text: #b5001c;
  --rio-aa-on-warning: #101010;
  --rio-aa-danger-text: #b5001c;
  --rio-aa-on-danger: #101010;
  --rio-aa-info-text: #2c2b2a;
  --rio-aa-on-info: #f7f3e8;
  --rio-legible-text: #101010;
  --rio-legible-text-muted: #2c2b2a;
  --rio-legible-on-accent: #101010;
  --rio-aa-choice-text: #101010;
  --rio-aa-choice-gray: #7c7c7c;
  --rio-aa-choice-gray-soft: #dbd8cf;
  --rio-aa-choice-red: #e5484d;
  --rio-aa-choice-red-soft: #f9d0c5;
  --rio-aa-choice-orange: #d46f12;
  --rio-aa-choice-orange-soft: #f2d7be;
  --rio-aa-choice-yellow: #b08300;
  --rio-aa-choice-yellow-soft: #e7dabe;
  --rio-aa-choice-green: #2f9e44;
  --rio-aa-choice-green-soft: #cfe1c4;
  --rio-aa-choice-teal: #0f9a8f;
  --rio-aa-choice-teal-soft: #cde0d4;
  --rio-aa-choice-blue: #3b82f6;
  --rio-aa-choice-blue-soft: #cedcef;
  --rio-aa-choice-purple: #9b59d0;
  --rio-aa-choice-purple-soft: #e2d2e5;
  --rio-aa-choice-pink: #d6409f;
  --rio-aa-choice-pink-soft: #f4ced8;
  --rio-aa-choice-brown: #9c6b3f;
  --rio-aa-choice-brown-soft: #e3d4c2;
}
[data-scheme="navy-flare"] {
  --rio-legible-surface-tint: 6%;
  --rio-legible-hover-tint: 8%;
  --rio-legible-pressed-tint: 14%;
  --rio-legible-selected-tint: 16%;
  --rio-aa-text: #ffd60a;
  --rio-aa-on-accent: #ffd60a;
  --rio-aa-accent-text: #8da1b2;
  --rio-aa-text-muted: #e0c315;
  --rio-aa-link: #ffd60a;
  --rio-aa-focus: #6f8293;
  --rio-aa-border: #ffd60a;
  --rio-aa-success-text: #ffd60a;
  --rio-aa-on-success: #003566;
  --rio-aa-warning-text: #a7bbcd;
  --rio-aa-on-warning: #ffd60a;
  --rio-aa-danger-text: #a7bbcd;
  --rio-aa-on-danger: #ffd60a;
  --rio-aa-info-text: #e0c315;
  --rio-aa-on-info: #003566;
  --rio-legible-text: #ffd60a;
  --rio-legible-text-muted: #e0c315;
  --rio-legible-on-accent: #ffd60a;
  --rio-aa-choice-text: #ffd60a;
  --rio-aa-choice-gray: #80807f;
  --rio-aa-choice-gray-soft: #23466d;
  --rio-aa-choice-red: #e5484d;
  --rio-aa-choice-red-soft: #434165;
  --rio-aa-choice-orange: #d9731a;
  --rio-aa-choice-orange-soft: #3c4862;
  --rio-aa-choice-yellow: #b88a00;
  --rio-aa-choice-yellow-soft: #314b61;
  --rio-aa-choice-green: #2f9e44;
  --rio-aa-choice-green-soft: #004d64;
  --rio-aa-choice-teal: #0f9a8f;
  --rio-aa-choice-teal-soft: #004b6f;
  --rio-aa-choice-blue: #3b82f6;
  --rio-aa-choice-blue-soft: #0c4584;
  --rio-aa-choice-purple: #a362d9;
  --rio-aa-choice-purple-soft: #30407e;
  --rio-aa-choice-pink: #d943a2;
  --rio-aa-choice-pink-soft: #413e73;
  --rio-aa-choice-brown: #a77549;
  --rio-aa-choice-brown-soft: #2f4664;
}
[data-scheme="violent"] {
  --rio-legible-surface-tint: 6%;
  --rio-legible-hover-tint: 8%;
  --rio-legible-pressed-tint: 14%;
  --rio-legible-selected-tint: 16%;
  --rio-aa-text: #ffbd00;
  --rio-aa-on-accent: #12002b;
  --rio-aa-accent-text: #ff687b;
  --rio-aa-text-muted: #e7a612;
  --rio-aa-link: #ffbd00;
  --rio-aa-focus: #ff0054;
  --rio-aa-border: #ffbd00;
  --rio-aa-success-text: #ffbd00;
  --rio-aa-on-success: #12002b;
  --rio-aa-warning-text: #ff828d;
  --rio-aa-on-warning: #12002b;
  --rio-aa-danger-text: #ff828d;
  --rio-aa-on-danger: #12002b;
  --rio-aa-info-text: #e7a612;
  --rio-aa-on-info: #12002b;
  --rio-legible-text: #ffbd00;
  --rio-legible-text-muted: #e7a612;
  --rio-legible-on-accent: #12002b;
  --rio-aa-choice-text: #ffbd00;
  --rio-aa-choice-gray: #7c7c7c;
  --rio-aa-choice-gray-soft: #433195;
  --rio-aa-choice-red: #e5484d;
  --rio-aa-choice-red-soft: #592b8e;
  --rio-aa-choice-orange: #d9731a;
  --rio-aa-choice-orange-soft: #54358c;
  --rio-aa-choice-yellow: #b88a00;
  --rio-aa-choice-yellow-soft: #4c3a8b;
  --rio-aa-choice-green: #2f9e44;
  --rio-aa-choice-green-soft: #363e8e;
  --rio-aa-choice-teal: #0f9a8f;
  --rio-aa-choice-teal-soft: #373899;
  --rio-aa-choice-blue: #3b82f6;
  --rio-aa-choice-blue-soft: #3d2aad;
  --rio-aa-choice-purple: #a05ed6;
  --rio-aa-choice-purple-soft: #4d21a7;
  --rio-aa-choice-pink: #d6409f;
  --rio-aa-choice-pink-soft: #57219c;
  --rio-aa-choice-brown: #a47246;
  --rio-aa-choice-brown-soft: #49328d;
}
[data-scheme="civic"] {
  --rio-legible-surface-tint: 6%;
  --rio-legible-hover-tint: 8%;
  --rio-legible-pressed-tint: 14%;
  --rio-legible-selected-tint: 16%;
  --rio-aa-text: #1d3557;
  --rio-aa-on-accent: #08111c;
  --rio-aa-accent-text: #d7283a;
  --rio-aa-text-muted: #364d69;
  --rio-aa-link: #1d3557;
  --rio-aa-focus: #e63946;
  --rio-aa-border: #1d3557;
  --rio-aa-success-text: #1d3557;
  --rio-aa-on-success: #f1faee;
  --rio-aa-warning-text: #be0029;
  --rio-aa-on-warning: #08111c;
  --rio-aa-danger-text: #be0029;
  --rio-aa-on-danger: #08111c;
  --rio-aa-info-text: #364d69;
  --rio-aa-on-info: #f1faee;
  --rio-legible-text: #1d3557;
  --rio-legible-text-muted: #364d69;
  --rio-legible-on-accent: #08111c;
  --rio-aa-choice-text: #1d3557;
  --rio-aa-choice-gray: #7c7c7c;
  --rio-aa-choice-gray-soft: #d6ddd4;
  --rio-aa-choice-red: #e5484d;
  --rio-aa-choice-red-soft: #f5d6ca;
  --rio-aa-choice-orange: #d9731a;
  --rio-aa-choice-orange-soft: #efddc4;
  --rio-aa-choice-yellow: #b38600;
  --rio-aa-choice-yellow-soft: #e4e0c3;
  --rio-aa-choice-green: #2f9e44;
  --rio-aa-choice-green-soft: #cae6c8;
  --rio-aa-choice-teal: #0f9a8f;
  --rio-aa-choice-teal-soft: #c8e5d8;
  --rio-aa-choice-blue: #3b82f6;
  --rio-aa-choice-blue-soft: #c9e1f3;
  --rio-aa-choice-purple: #9b59d0;
  --rio-aa-choice-purple-soft: #ded7ea;
  --rio-aa-choice-pink: #d6409f;
  --rio-aa-choice-pink-soft: #f1d4dd;
  --rio-aa-choice-brown: #9c6b3f;
  --rio-aa-choice-brown-soft: #dfd9c6;
}
[data-scheme="clay"] {
  --rio-legible-surface-tint: 6%;
  --rio-legible-hover-tint: 8%;
  --rio-legible-pressed-tint: 14%;
  --rio-legible-selected-tint: 16%;
  --rio-aa-text: #2f2a26;
  --rio-aa-on-accent: #2f2a26;
  --rio-aa-accent-text: #b1494b;
  --rio-aa-text-muted: #47413d;
  --rio-aa-link: #2f2a26;
  --rio-aa-focus: #d16766;
  --rio-aa-border: #2f2a26;
  --rio-aa-success-text: #2f2a26;
  --rio-aa-on-success: #f7ede2;
  --rio-aa-warning-text: #9b3639;
  --rio-aa-on-warning: #2f2a26;
  --rio-aa-danger-text: #9b3639;
  --rio-aa-on-danger: #2f2a26;
  --rio-aa-info-text: #47413d;
  --rio-aa-on-info: #f7ede2;
  --rio-legible-text: #2f2a26;
  --rio-legible-text-muted: #47413d;
  --rio-legible-on-accent: #2f2a26;
  --rio-aa-choice-text: #2f2a26;
  --rio-aa-choice-gray: #7c7c7c;
  --rio-aa-choice-gray-soft: #dbd3cb;
  --rio-aa-choice-red: #e5484d;
  --rio-aa-choice-red-soft: #f8ccc0;
  --rio-aa-choice-orange: #d16c09;
  --rio-aa-choice-orange-soft: #f1d1b9;
  --rio-aa-choice-yellow: #ac8000;
  --rio-aa-choice-yellow-soft: #e6d5b9;
  --rio-aa-choice-green: #2a9a41;
  --rio-aa-choice-green-soft: #cedbbe;
  --rio-aa-choice-teal: #0f9a8f;
  --rio-aa-choice-teal-soft: #cedbcf;
  --rio-aa-choice-blue: #3b82f6;
  --rio-aa-choice-blue-soft: #ced7ea;
  --rio-aa-choice-purple: #9b59d0;
  --rio-aa-choice-purple-soft: #e2cde1;
  --rio-aa-choice-pink: #d6409f;
  --rio-aa-choice-pink-soft: #f4cad4;
  --rio-aa-choice-brown: #9c6b3f;
  --rio-aa-choice-brown-soft: #e3cfbd;
}
[data-scheme="terra"] {
  --rio-legible-surface-tint: 6%;
  --rio-legible-hover-tint: 8%;
  --rio-legible-pressed-tint: 14%;
  --rio-legible-selected-tint: 16%;
  --rio-aa-text: #fcca46;
  --rio-aa-on-accent: #12202a;
  --rio-aa-accent-text: #ff8233;
  --rio-aa-text-muted: #e7bd4c;
  --rio-aa-link: #fcca46;
  --rio-aa-focus: #fe7f2d;
  --rio-aa-border: #fcca46;
  --rio-aa-success-text: #fcca46;
  --rio-aa-on-success: #12202a;
  --rio-aa-warning-text: #ffb085;
  --rio-aa-on-warning: #12202a;
  --rio-aa-danger-text: #ffb085;
  --rio-aa-on-danger: #12202a;
  --rio-aa-info-text: #e7bd4c;
  --rio-aa-on-info: #12202a;
  --rio-legible-text: #fcca46;
  --rio-legible-text-muted: #e7bd4c;
  --rio-legible-on-accent: #12202a;
  --rio-aa-choice-text: #fcca46;
  --rio-aa-choice-gray: #868685;
  --rio-aa-choice-gray-soft: #384c59;
  --rio-aa-choice-red: #eb4e52;
  --rio-aa-choice-red-soft: #534651;
  --rio-aa-choice-orange: #d9731a;
  --rio-aa-choice-orange-soft: #4d4b4c;
  --rio-aa-choice-yellow: #b88a00;
  --rio-aa-choice-yellow-soft: #444f4b;
  --rio-aa-choice-green: #2f9e44;
  --rio-aa-choice-green-soft: #26524f;
  --rio-aa-choice-teal: #0f9a8f;
  --rio-aa-choice-teal-soft: #25505b;
  --rio-aa-choice-blue: #3b82f6;
  --rio-aa-choice-blue-soft: #284c70;
  --rio-aa-choice-purple: #a968e0;
  --rio-aa-choice-purple-soft: #41486b;
  --rio-aa-choice-pink: #e14aa8;
  --rio-aa-choice-pink-soft: #514560;
  --rio-aa-choice-brown: #ae7b4f;
  --rio-aa-choice-brown-soft: #424b50;
}
[data-scheme="lagoon"] {
  --rio-legible-surface-tint: 6%;
  --rio-legible-hover-tint: 8%;
  --rio-legible-pressed-tint: 14%;
  --rio-legible-selected-tint: 16%;
  --rio-aa-text: #c7f9cc;
  --rio-aa-on-accent: #0d2233;
  --rio-aa-accent-text: #69dda9;
  --rio-aa-text-muted: #c4f8d3;
  --rio-aa-link: #c7f9cc;
  --rio-aa-focus: #57cc99;
  --rio-aa-border: #c7f9cc;
  --rio-aa-success-text: #c7f9cc;
  --rio-aa-on-success: #0d2233;
  --rio-aa-warning-text: #9bffcf;
  --rio-aa-on-warning: #0d2233;
  --rio-aa-danger-text: #9bffcf;
  --rio-aa-on-danger: #0d2233;
  --rio-aa-info-text: #c4f8d3;
  --rio-aa-on-info: #0d2233;
  --rio-legible-text: #c7f9cc;
  --rio-legible-text-muted: #c4f8d3;
  --rio-legible-on-accent: #0d2233;
  --rio-aa-choice-text: #c7f9cc;
  --rio-aa-choice-gray: #a4a4a3;
  --rio-aa-choice-gray-soft: #416884;
  --rio-aa-choice-red: #ff7c79;
  --rio-aa-choice-red-soft: #5c637c;
  --rio-aa-choice-orange: #f28939;
  --rio-aa-choice-orange-soft: #586674;
  --rio-aa-choice-yellow: #cc9d2a;
  --rio-aa-choice-yellow-soft: #4c6873;
  --rio-aa-choice-green: #4eb95d;
  --rio-aa-choice-green-soft: #296d78;
  --rio-aa-choice-teal: #3eb6aa;
  --rio-aa-choice-teal-soft: #276b85;
  --rio-aa-choice-blue: #6da5ff;
  --rio-aa-choice-blue-soft: #326796;
  --rio-aa-choice-purple: #c888ff;
  --rio-aa-choice-purple-soft: #4d6396;
  --rio-aa-choice-pink: #ff71c6;
  --rio-aa-choice-pink-soft: #5d618a;
  --rio-aa-choice-brown: #ce9a6d;
  --rio-aa-choice-brown-soft: #4d677a;
}
[data-scheme="toxic"] {
  --rio-legible-surface-tint: 6%;
  --rio-legible-hover-tint: 8%;
  --rio-legible-pressed-tint: 14%;
  --rio-legible-selected-tint: 16%;
  --rio-aa-text: #00fddc;
  --rio-aa-on-accent: #16281b;
  --rio-aa-accent-text: #ffa4a5;
  --rio-aa-text-muted: #34f8d7;
  --rio-aa-link: #00fddc;
  --rio-aa-focus: #ff6873;
  --rio-aa-border: #00fddc;
  --rio-aa-success-text: #00fddc;
  --rio-aa-on-success: #16281b;
  --rio-aa-warning-text: #ffd4d3;
  --rio-aa-on-warning: #16281b;
  --rio-aa-danger-text: #ffd4d3;
  --rio-aa-on-danger: #16281b;
  --rio-aa-info-text: #34f8d7;
  --rio-aa-on-info: #16281b;
  --rio-legible-text: #00fddc;
  --rio-legible-text-muted: #34f8d7;
  --rio-legible-on-accent: #16281b;
  --rio-aa-choice-text: #00fddc;
  --rio-aa-choice-gray: #9b9a9a;
  --rio-aa-choice-gray-soft: #46624d;
  --rio-aa-choice-red: #ff6a69;
  --rio-aa-choice-red-soft: #615c43;
  --rio-aa-choice-orange: #e7802d;
  --rio-aa-choice-orange-soft: #5a5f3a;
  --rio-aa-choice-yellow: #c2931a;
  --rio-aa-choice-yellow-soft: #506139;
  --rio-aa-choice-green: #43af54;
  --rio-aa-choice-green-soft: #33663f;
  --rio-aa-choice-teal: #30aca0;
  --rio-aa-choice-teal-soft: #31664f;
  --rio-aa-choice-blue: #5c9aff;
  --rio-aa-choice-blue-soft: #366463;
  --rio-aa-choice-purple: #bf7df7;
  --rio-aa-choice-purple-soft: #4f5f62;
  --rio-aa-choice-pink: #f961be;
  --rio-aa-choice-pink-soft: #5f5b55;
  --rio-aa-choice-brown: #c39063;
  --rio-aa-choice-brown-soft: #516142;
}
[data-scheme="candy"] {
  --rio-legible-surface-tint: 6%;
  --rio-legible-hover-tint: 8%;
  --rio-legible-pressed-tint: 14%;
  --rio-legible-selected-tint: 16%;
  --rio-aa-text: #14141e;
  --rio-aa-on-accent: #14141e;
  --rio-aa-accent-text: #a21159;
  --rio-aa-text-muted: #1f2b39;
  --rio-aa-link: #14141e;
  --rio-aa-focus: #c23873;
  --rio-aa-border: #14141e;
  --rio-aa-success-text: #14141e;
  --rio-aa-on-success: #70d6ff;
  --rio-aa-warning-text: #830045;
  --rio-aa-on-warning: #14141e;
  --rio-aa-danger-text: #830045;
  --rio-aa-on-danger: #14141e;
  --rio-aa-info-text: #1f2b39;
  --rio-aa-on-info: #70d6ff;
  --rio-legible-text: #14141e;
  --rio-legible-text-muted: #1f2b39;
  --rio-legible-on-accent: #14141e;
  --rio-aa-choice-text: #14141e;
  --rio-aa-choice-gray: #6e6d6d;
  --rio-aa-choice-gray-soft: #74bedd;
  --rio-aa-choice-red: #ce303b;
  --rio-aa-choice-red-soft: #9bb8d4;
  --rio-aa-choice-orange: #ac5600;
  --rio-aa-choice-orange-soft: #8cbcce;
  --rio-aa-choice-yellow: #8c6800;
  --rio-aa-choice-yellow-soft: #7ebfce;
  --rio-aa-choice-green: #007f29;
  --rio-aa-choice-green-soft: #5ac3d1;
  --rio-aa-choice-teal: #007b72;
  --rio-aa-choice-teal-soft: #5cc1df;
  --rio-aa-choice-blue: #2269db;
  --rio-aa-choice-blue-soft: #5dbef8;
  --rio-aa-choice-purple: #914ec5;
  --rio-aa-choice-purple-soft: #81b9f3;
  --rio-aa-choice-pink: #c42c8f;
  --rio-aa-choice-pink-soft: #98b6e5;
  --rio-aa-choice-brown: #946337;
  --rio-aa-choice-brown-soft: #82bdd3;
}
[data-scheme="signal"] {
  --rio-legible-surface-tint: 6%;
  --rio-legible-hover-tint: 8%;
  --rio-legible-pressed-tint: 14%;
  --rio-legible-selected-tint: 16%;
  --rio-aa-text: #0f4a63;
  --rio-aa-on-accent: #06131c;
  --rio-aa-accent-text: #e10047;
  --rio-aa-text-muted: #2a606e;
  --rio-aa-link: #0f4a63;
  --rio-aa-focus: #ff1654;
  --rio-aa-border: #0f4a63;
  --rio-aa-success-text: #0f4a63;
  --rio-aa-on-success: #f3ffbd;
  --rio-aa-warning-text: #c1003c;
  --rio-aa-on-warning: #06131c;
  --rio-aa-danger-text: #c1003c;
  --rio-aa-on-danger: #06131c;
  --rio-aa-info-text: #2a606e;
  --rio-aa-on-info: #f3ffbd;
  --rio-legible-text: #0f4a63;
  --rio-legible-text-muted: #2a606e;
  --rio-legible-on-accent: #06131c;
  --rio-aa-choice-text: #0f4a63;
  --rio-aa-choice-gray: #7c7c7c;
  --rio-aa-choice-gray-soft: #d8e1af;
  --rio-aa-choice-red: #e5484d;
  --rio-aa-choice-red-soft: #f7daa3;
  --rio-aa-choice-orange: #d9731a;
  --rio-aa-choice-orange-soft: #f1e19d;
  --rio-aa-choice-yellow: #b38700;
  --rio-aa-choice-yellow-soft: #e6e49b;
  --rio-aa-choice-green: #2f9e44;
  --rio-aa-choice-green-soft: #cbeaa2;
  --rio-aa-choice-teal: #0f9a8f;
  --rio-aa-choice-teal-soft: #c9e9b4;
  --rio-aa-choice-blue: #3b82f6;
  --rio-aa-choice-blue-soft: #cae6d0;
  --rio-aa-choice-purple: #9b59d0;
  --rio-aa-choice-purple-soft: #dfdcc7;
  --rio-aa-choice-pink: #d6409f;
  --rio-aa-choice-pink-soft: #f2d8b9;
  --rio-aa-choice-brown: #9c6b3f;
  --rio-aa-choice-brown-soft: #e1dda0;
}
[data-scheme="dossier"] {
  --rio-legible-surface-tint: 6%;
  --rio-legible-hover-tint: 8%;
  --rio-legible-pressed-tint: 14%;
  --rio-legible-selected-tint: 16%;
  --rio-aa-text: #083d77;
  --rio-aa-on-accent: #041f3d;
  --rio-aa-accent-text: #c82800;
  --rio-aa-text-muted: #235282;
  --rio-aa-link: #083d77;
  --rio-aa-focus: #ec4a2c;
  --rio-aa-border: #083d77;
  --rio-aa-success-text: #083d77;
  --rio-aa-on-success: #ebebd3;
  --rio-aa-warning-text: #a92000;
  --rio-aa-on-warning: #041f3d;
  --rio-aa-danger-text: #a92000;
  --rio-aa-on-danger: #041f3d;
  --rio-aa-info-text: #235282;
  --rio-aa-on-info: #ebebd3;
  --rio-legible-text: #083d77;
  --rio-legible-text-muted: #235282;
  --rio-legible-on-accent: #041f3d;
  --rio-aa-choice-text: #083d77;
  --rio-aa-choice-gray: #7c7c7c;
  --rio-aa-choice-gray-soft: #d1d2bf;
  --rio-aa-choice-red: #e5484d;
  --rio-aa-choice-red-soft: #efcab5;
  --rio-aa-choice-orange: #cd6800;
  --rio-aa-choice-orange-soft: #e7cfad;
  --rio-aa-choice-yellow: #a87d00;
  --rio-aa-choice-yellow-soft: #dcd2ad;
  --rio-aa-choice-green: #26973e;
  --rio-aa-choice-green-soft: #c4d9b2;
  --rio-aa-choice-teal: #009489;
  --rio-aa-choice-teal-soft: #c3d8c2;
  --rio-aa-choice-blue: #3b82f6;
  --rio-aa-choice-blue-soft: #c5d6df;
  --rio-aa-choice-purple: #9b59d0;
  --rio-aa-choice-purple-soft: #d9ccd6;
  --rio-aa-choice-pink: #d6409f;
  --rio-aa-choice-pink-soft: #ebc9c8;
  --rio-aa-choice-brown: #9c6b3f;
  --rio-aa-choice-brown-soft: #daceb1;
}
[data-scheme="concrete"] {
  --rio-legible-surface-tint: 6%;
  --rio-legible-hover-tint: 8%;
  --rio-legible-pressed-tint: 14%;
  --rio-legible-selected-tint: 16%;
  --rio-aa-text: #f0f7f4;
  --rio-aa-on-accent: #22301f;
  --rio-aa-accent-text: #a2e3c4;
  --rio-aa-text-muted: #dae2de;
  --rio-aa-link: #f0f7f4;
  --rio-aa-focus: #a2e3c4;
  --rio-aa-border: #f0f7f4;
  --rio-aa-success-text: #f0f7f4;
  --rio-aa-on-success: #22301f;
  --rio-aa-warning-text: #a8eaca;
  --rio-aa-on-warning: #22301f;
  --rio-aa-danger-text: #a8eaca;
  --rio-aa-on-danger: #22301f;
  --rio-aa-info-text: #dae2de;
  --rio-aa-on-info: #22301f;
  --rio-legible-text: #f0f7f4;
  --rio-legible-text-muted: #dae2de;
  --rio-legible-on-accent: #22301f;
  --rio-aa-choice-text: #f0f7f4;
  --rio-aa-choice-gray: #949493;
  --rio-aa-choice-gray-soft: #4e5950;
  --rio-aa-choice-red: #fc5e5f;
  --rio-aa-choice-red-soft: #675247;
  --rio-aa-choice-orange: #df7923;
  --rio-aa-choice-orange-soft: #60553f;
  --rio-aa-choice-yellow: #b88a00;
  --rio-aa-choice-yellow-soft: #56573d;
  --rio-aa-choice-green: #3ba84d;
  --rio-aa-choice-green-soft: #3f5d44;
  --rio-aa-choice-teal: #25a599;
  --rio-aa-choice-teal-soft: #3e5c52;
  --rio-aa-choice-blue: #4f92ff;
  --rio-aa-choice-blue-soft: #415a67;
  --rio-aa-choice-purple: #b876ef;
  --rio-aa-choice-purple-soft: #565564;
  --rio-aa-choice-pink: #f15ab6;
  --rio-aa-choice-pink-soft: #655158;
  --rio-aa-choice-brown: #bc895d;
  --rio-aa-choice-brown-soft: #575746;
}
}