/*
 * KIT TOKENS. GENERATED, DO NOT EDIT.
 *
 * Every value below is read from src/_data/kits.js at build time, for the same
 * reason the design system page is generated from main.css: a stylesheet with
 * its own copy of a palette is a stylesheet that will one day describe a kit
 * that no longer exists. Change a colour in the data and this file follows.
 *
 * NUNJUCKS AUTOESCAPES, and a font stack is full of quotes. Without | safe on
 * the two family declarations below, every kit shipped
 * `--k-display: "Archivo"` which is not a font stack, is not an
 * error, and silently falls back to the studio's own typefaces. Eight kits
 * rendered in one typeface and nothing reported it. The site audit now refuses
 * to build a stylesheet containing an HTML entity, and the browser audit checks
 * that each kit page actually resolves to the family it claims.
 *
 * Built v0.40.0-pre.
 */

@font-face {
  font-family: "Archivo";
  src: url("/assets/fonts/archivo-var-latin.woff2") format("woff2-variations");
  font-weight: 400 900;
  font-stretch: 62% 125%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cormorant Garamond";
  src: url("/assets/fonts/cormorant-garamond-300-700-latin.woff2") format("woff2-variations");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Jost";
  src: url("/assets/fonts/jost-300-700-latin.woff2") format("woff2-variations");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lora";
  src: url("/assets/fonts/lora-400-700-latin.woff2") format("woff2-variations");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("/assets/fonts/manrope-300-800-latin.woff2") format("woff2-variations");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bitter";
  src: url("/assets/fonts/bitter-300-700-latin.woff2") format("woff2-variations");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Karla";
  src: url("/assets/fonts/karla-300-700-latin.woff2") format("woff2-variations");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DM Serif Display";
  src: url("/assets/fonts/dm-serif-display-400-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("/assets/fonts/dm-sans-300-700-latin.woff2") format("woff2-variations");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Serif";
  src: url("/assets/fonts/instrument-serif-400-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("/assets/fonts/space-grotesk-300-700-latin.woff2") format("woff2-variations");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Anton";
  src: url("/assets/fonts/anton-400-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


/* ---------------------------------------------------------- the kit layer */

/* Ironline — Trades and site work */
[data-kit="ironline"] {
  --k-paper: #F3F4F5;
  --k-ink: #15181B;
  --k-muted: #4A5157;
  --k-accent: #A63C09;
  --k-on-accent: #FFFFFF;
  --k-rule: #B4B9BE;
  --k-rule-strong: #878C90;
  --k-on-ink-muted: #828486;
  --k-on-ink-accent: #BC704B;
  --k-panel: #E4E7E9;
  --k-fig-a: #4A5157;
  --k-fig-b: #A63C09;
  --k-display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --k-body: "Archivo", system-ui, -apple-system, sans-serif;
  --k-display-weight: 800;
  --k-display-stretch: 125%;
  --k-display-tracking: -0.005em;
  --k-display-case: uppercase;
  --k-display-leading: 0.95;
  --k-body-weight: 400;
  --k-scale: 1;
  --k-radius: 0px;
  --k-rhythm: 1;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) [data-kit="ironline"] {
    --k-paper: #101315;
    --k-ink: #EDEFF1;
    --k-muted: #A6AFB6;
    --k-accent: #FF8B4D;
    --k-on-accent: #15181B;
    --k-rule: #343B41;
    --k-rule-strong: #5F6469;
    --k-on-ink-muted: #686B6D;
  --k-on-ink-accent: #9D5A36;
  --k-panel: #1A1F22;
    --k-fig-a: #A6AFB6;
    --k-fig-b: #FF8B4D;
  }
}
:root[data-theme="dark"] [data-kit="ironline"] {
  --k-paper: #101315;
  --k-ink: #EDEFF1;
  --k-muted: #A6AFB6;
  --k-accent: #FF8B4D;
  --k-on-accent: #15181B;
  --k-rule: #343B41;
  --k-rule-strong: #5F6469;
  --k-on-ink-muted: #686B6D;
  --k-on-ink-accent: #9D5A36;
  --k-panel: #1A1F22;
  --k-fig-a: #A6AFB6;
  --k-fig-b: #FF8B4D;
}


/* Bloom — Beauty, skin and wellness */
[data-kit="bloom"] {
  --k-paper: #FBF6F2;
  --k-ink: #2C211E;
  --k-muted: #69544C;
  --k-accent: #96483A;
  --k-on-accent: #FFFFFF;
  --k-rule: #DDCABF;
  --k-rule-strong: #9A8A82;
  --k-on-ink-muted: #938B88;
  --k-on-ink-accent: #B57E73;
  --k-panel: #F3E9E1;
  --k-fig-a: #69544C;
  --k-fig-b: #96483A;
  --k-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --k-body: "Jost", system-ui, -apple-system, sans-serif;
  --k-display-weight: 300;
  --k-display-stretch: 100%;
  --k-display-tracking: -0.01em;
  --k-display-case: none;
  --k-display-leading: 1.02;
  --k-body-weight: 400;
  --k-scale: 1;
  --k-radius: 3px;
  --k-rhythm: 1.18;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) [data-kit="bloom"] {
    --k-paper: #191312;
    --k-ink: #F4E9E3;
    --k-muted: #C2AAA0;
    --k-accent: #E9917A;
    --k-on-accent: #241A17;
    --k-rule: #463833;
    --k-rule-strong: #6E615B;
    --k-on-ink-muted: #6E6664;
  --k-on-ink-accent: #905B4D;
  --k-panel: #221A18;
    --k-fig-a: #C2AAA0;
    --k-fig-b: #E9917A;
  }
}
:root[data-theme="dark"] [data-kit="bloom"] {
  --k-paper: #191312;
  --k-ink: #F4E9E3;
  --k-muted: #C2AAA0;
  --k-accent: #E9917A;
  --k-on-accent: #241A17;
  --k-rule: #463833;
  --k-rule-strong: #6E615B;
  --k-on-ink-muted: #6E6664;
  --k-on-ink-accent: #905B4D;
  --k-panel: #221A18;
  --k-fig-a: #C2AAA0;
  --k-fig-b: #E9917A;
}


/* Ledger — Professional practice */
[data-kit="ledger"] {
  --k-paper: #F6F5F1;
  --k-ink: #16202B;
  --k-muted: #4C5967;
  --k-accent: #134A6E;
  --k-on-accent: #FFFFFF;
  --k-rule: #C3C8CD;
  --k-rule-strong: #868D94;
  --k-on-ink-muted: #84888C;
  --k-on-ink-accent: #6C8DA1;
  --k-panel: #E9E8E2;
  --k-fig-a: #4C5967;
  --k-fig-b: #134A6E;
  --k-display: "Lora", Georgia, "Times New Roman", serif;
  --k-body: "Manrope", system-ui, -apple-system, sans-serif;
  --k-display-weight: 600;
  --k-display-stretch: 100%;
  --k-display-tracking: -0.014em;
  --k-display-case: none;
  --k-display-leading: 1.12;
  --k-body-weight: 400;
  --k-scale: 1;
  --k-radius: 2px;
  --k-rhythm: 1;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) [data-kit="ledger"] {
    --k-paper: #0E141B;
    --k-ink: #E9EEF3;
    --k-muted: #A0ADBA;
    --k-accent: #7FBAE4;
    --k-on-accent: #0E141B;
    --k-rule: #2D3A47;
    --k-rule-strong: #5A6570;
    --k-on-ink-muted: #63696F;
  --k-on-ink-accent: #4B6E88;
  --k-panel: #161E27;
    --k-fig-a: #A0ADBA;
    --k-fig-b: #7FBAE4;
  }
}
:root[data-theme="dark"] [data-kit="ledger"] {
  --k-paper: #0E141B;
  --k-ink: #E9EEF3;
  --k-muted: #A0ADBA;
  --k-accent: #7FBAE4;
  --k-on-accent: #0E141B;
  --k-rule: #2D3A47;
  --k-rule-strong: #5A6570;
  --k-on-ink-muted: #63696F;
  --k-on-ink-accent: #4B6E88;
  --k-panel: #161E27;
  --k-fig-a: #A0ADBA;
  --k-fig-b: #7FBAE4;
}


/* Clinic — Health and allied health */
[data-kit="clinic"] {
  --k-paper: #F7FAFA;
  --k-ink: #122529;
  --k-muted: #456068;
  --k-accent: #0E5B60;
  --k-on-accent: #FFFFFF;
  --k-rule: #B8C9CC;
  --k-rule-strong: #819396;
  --k-on-ink-muted: #828D8F;
  --k-on-ink-accent: #609396;
  --k-panel: #E7EFEF;
  --k-fig-a: #456068;
  --k-fig-b: #0E5B60;
  --k-display: "Bitter", Georgia, serif;
  --k-body: "Karla", system-ui, -apple-system, sans-serif;
  --k-display-weight: 600;
  --k-display-stretch: 100%;
  --k-display-tracking: -0.012em;
  --k-display-case: none;
  --k-display-leading: 1.14;
  --k-body-weight: 400;
  --k-scale: 1.09;
  --k-radius: 10px;
  --k-rhythm: 1.08;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) [data-kit="clinic"] {
    --k-paper: #0B1618;
    --k-ink: #E7F1F2;
    --k-muted: #9DB4B8;
    --k-accent: #63C3C7;
    --k-on-accent: #0B1618;
    --k-rule: #27393C;
    --k-rule-strong: #57676A;
    --k-on-ink-muted: #616B6D;
  --k-on-ink-accent: #3B7376;
  --k-panel: #111F22;
    --k-fig-a: #9DB4B8;
    --k-fig-b: #63C3C7;
  }
}
:root[data-theme="dark"] [data-kit="clinic"] {
  --k-paper: #0B1618;
  --k-ink: #E7F1F2;
  --k-muted: #9DB4B8;
  --k-accent: #63C3C7;
  --k-on-accent: #0B1618;
  --k-rule: #27393C;
  --k-rule-strong: #57676A;
  --k-on-ink-muted: #616B6D;
  --k-on-ink-accent: #3B7376;
  --k-panel: #111F22;
  --k-fig-a: #9DB4B8;
  --k-fig-b: #63C3C7;
}


/* Counter — Hospitality and venues */
[data-kit="counter"] {
  --k-paper: #FAF4E9;
  --k-ink: #231A12;
  --k-muted: #67523F;
  --k-accent: #914012;
  --k-on-accent: #FFFFFF;
  --k-rule: #D9C5A8;
  --k-rule-strong: #998973;
  --k-on-ink-muted: #8C857B;
  --k-on-ink-accent: #B27855;
  --k-panel: #F2E7D4;
  --k-fig-a: #67523F;
  --k-fig-b: #914012;
  --k-display: "DM Serif Display", Georgia, "Times New Roman", serif;
  --k-body: "DM Sans", system-ui, -apple-system, sans-serif;
  --k-display-weight: 400;
  --k-display-stretch: 100%;
  --k-display-tracking: -0.016em;
  --k-display-case: none;
  --k-display-leading: 1.04;
  --k-body-weight: 400;
  --k-scale: 1;
  --k-radius: 4px;
  --k-rhythm: 1.06;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) [data-kit="counter"] {
    --k-paper: #17110C;
    --k-ink: #F4E8D7;
    --k-muted: #BEAA8C;
    --k-accent: #E68B4C;
    --k-on-accent: #17110C;
    --k-rule: #3F3326;
    --k-rule-strong: #6C6052;
    --k-on-ink-muted: #6D655B;
  --k-on-ink-accent: #935A32;
  --k-panel: #1F1812;
    --k-fig-a: #BEAA8C;
    --k-fig-b: #E68B4C;
  }
}
:root[data-theme="dark"] [data-kit="counter"] {
  --k-paper: #17110C;
  --k-ink: #F4E8D7;
  --k-muted: #BEAA8C;
  --k-accent: #E68B4C;
  --k-on-accent: #17110C;
  --k-rule: #3F3326;
  --k-rule-strong: #6C6052;
  --k-on-ink-muted: #6D655B;
  --k-on-ink-accent: #935A32;
  --k-panel: #1F1812;
  --k-fig-a: #BEAA8C;
  --k-fig-b: #E68B4C;
}


/* Atelier — Makers and boutique product */
[data-kit="atelier"] {
  --k-paper: #F5F2EC;
  --k-ink: #1E1C19;
  --k-muted: #59544C;
  --k-accent: #755417;
  --k-on-accent: #FFFFFF;
  --k-rule: #CFC8BB;
  --k-rule-strong: #8F8A81;
  --k-on-ink-muted: #878580;
  --k-on-ink-accent: #9A8255;
  --k-panel: #EAE5DA;
  --k-fig-a: #59544C;
  --k-fig-b: #755417;
  --k-display: "Instrument Serif", Georgia, "Times New Roman", serif;
  --k-body: "Karla", system-ui, -apple-system, sans-serif;
  --k-display-weight: 400;
  --k-display-stretch: 100%;
  --k-display-tracking: -0.006em;
  --k-display-case: none;
  --k-display-leading: 1;
  --k-body-weight: 400;
  --k-scale: 1;
  --k-radius: 0px;
  --k-rhythm: 1.22;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) [data-kit="atelier"] {
    --k-paper: #141311;
    --k-ink: #F0ECE4;
    --k-muted: #AFA99D;
    --k-accent: #DBAE55;
    --k-on-accent: #141311;
    --k-rule: #36332D;
    --k-rule-strong: #66635D;
    --k-on-ink-muted: #6A6863;
  --k-on-ink-accent: #7D6535;
  --k-panel: #1C1A17;
    --k-fig-a: #AFA99D;
    --k-fig-b: #DBAE55;
  }
}
:root[data-theme="dark"] [data-kit="atelier"] {
  --k-paper: #141311;
  --k-ink: #F0ECE4;
  --k-muted: #AFA99D;
  --k-accent: #DBAE55;
  --k-on-accent: #141311;
  --k-rule: #36332D;
  --k-rule-strong: #66635D;
  --k-on-ink-muted: #6A6863;
  --k-on-ink-accent: #7D6535;
  --k-panel: #1C1A17;
  --k-fig-a: #AFA99D;
  --k-fig-b: #DBAE55;
}


/* Frame — Creative and portfolio */
[data-kit="frame"] {
  --k-paper: #FFFFFF;
  --k-ink: #0B0B0C;
  --k-muted: #54565A;
  --k-accent: #1F45D8;
  --k-on-accent: #FFFFFF;
  --k-rule: #D8DADE;
  --k-rule-strong: #929497;
  --k-on-ink-muted: #7B7B7C;
  --k-on-ink-accent: #5774E2;
  --k-panel: #F1F2F4;
  --k-fig-a: #54565A;
  --k-fig-b: #1F45D8;
  --k-display: "Space Grotesk", "Helvetica Neue", system-ui, sans-serif;
  --k-body: "Space Grotesk", "Helvetica Neue", system-ui, sans-serif;
  --k-display-weight: 600;
  --k-display-stretch: 100%;
  --k-display-tracking: -0.028em;
  --k-display-case: none;
  --k-display-leading: 1;
  --k-body-weight: 400;
  --k-scale: 1;
  --k-radius: 0px;
  --k-rhythm: 0.92;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) [data-kit="frame"] {
    --k-paper: #0A0A0B;
    --k-ink: #F2F3F5;
    --k-muted: #9EA1A8;
    --k-accent: #93A8FF;
    --k-on-accent: #0A0A0B;
    --k-rule: #2B2D32;
    --k-rule-strong: #5D5F63;
    --k-on-ink-muted: #6B6C6D;
  --k-on-ink-accent: #5E6AA0;
  --k-panel: #131316;
    --k-fig-a: #9EA1A8;
    --k-fig-b: #93A8FF;
  }
}
:root[data-theme="dark"] [data-kit="frame"] {
  --k-paper: #0A0A0B;
  --k-ink: #F2F3F5;
  --k-muted: #9EA1A8;
  --k-accent: #93A8FF;
  --k-on-accent: #0A0A0B;
  --k-rule: #2B2D32;
  --k-rule-strong: #5D5F63;
  --k-on-ink-muted: #6B6C6D;
  --k-on-ink-accent: #5E6AA0;
  --k-panel: #131316;
  --k-fig-a: #9EA1A8;
  --k-fig-b: #93A8FF;
}


/* Forge — Fitness and performance */
[data-kit="forge"] {
  --k-paper: #EEEFEB;
  --k-ink: #121311;
  --k-muted: #4C504A;
  --k-accent: #41601B;
  --k-on-accent: #FFFFFF;
  --k-rule: #BFC1BA;
  --k-rule-strong: #868882;
  --k-on-ink-muted: #7E7F7C;
  --k-on-ink-accent: #708753;
  --k-panel: #E2E4DE;
  --k-fig-a: #4C504A;
  --k-fig-b: #41601B;
  --k-display: "Anton", "Arial Narrow", Impact, sans-serif;
  --k-body: "Archivo", system-ui, -apple-system, sans-serif;
  --k-display-weight: 400;
  --k-display-stretch: 100%;
  --k-display-tracking: 0.004em;
  --k-display-case: uppercase;
  --k-display-leading: 0.9;
  --k-body-weight: 400;
  --k-scale: 1;
  --k-radius: 0px;
  --k-rhythm: 1;
}

/* Forge is dark first. Its light scheme is the alternative, not the default. */
[data-kit="forge"] {
  --k-paper: #0D0F0C;
  --k-ink: #F0F2EC;
  --k-muted: #A5AB9C;
  --k-accent: #BDE438;
  --k-on-accent: #0D0F0C;
  --k-rule: #2D3129;
  --k-rule-strong: #5E615A;
  --k-on-ink-muted: #6A6C68;
  --k-on-ink-accent: #607321;
  --k-panel: #151813;
  --k-fig-a: #A5AB9C;
  --k-fig-b: #BDE438;
}
:root[data-theme="light"] [data-kit="forge"] {
  --k-paper: #EEEFEB;
  --k-ink: #121311;
  --k-muted: #4C504A;
  --k-accent: #41601B;
  --k-on-accent: #FFFFFF;
  --k-rule: #BFC1BA;
  --k-rule-strong: #868882;
  --k-on-ink-muted: #7E7F7C;
  --k-on-ink-accent: #708753;
  --k-panel: #E2E4DE;
  --k-fig-a: #4C504A;
  --k-fig-b: #41601B;
}