/* Canonical Typography Declarations: House of $QUIT v6 Platform */

/* 1. Jersey 20 and QUIT Display */
@font-face {
  font-family: "Jersey 20";
  src: url("./fonts/jersey-1.woff2") format("woff2"),
       url("../fonts/jersey-1.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  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: "QUIT Display";
  src: url("./fonts/jersey-1.woff2") format("woff2"),
       url("../fonts/jersey-1.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  size-adjust: 118.66%;
  ascent-override: 86.38%;
  descent-override: 23.18%;
  line-gap-override: 0%;
  unicode-range: U+0000-0023, U+0025-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: "QUIT Display";
  src: url("./fonts/ibm-plex-mono-latin-600-normal.woff2") format("woff2"),
       url("../fonts/ibm-plex-mono-latin-600-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  size-adjust: 77.76%;
  ascent-override: 131.82%;
  descent-override: 35.37%;
  line-gap-override: 0%;
  unicode-range: U+0024;
}

/* 2. IBM Plex Mono */
@font-face {
  font-family: "IBM Plex Mono";
  src: url("./fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2"),
       url("../fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  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: "IBM Plex Mono";
  src: url("./fonts/ibm-plex-mono-latin-600-normal.woff2") format("woff2"),
       url("../fonts/ibm-plex-mono-latin-600-normal.woff2") format("woff2");
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
  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: "IBM Plex Mono";
  src: url("./fonts/ibm-plex-mono-cyrillic-400-normal.woff2") format("woff2"),
       url("../fonts/ibm-plex-mono-cyrillic-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url("./fonts/ibm-plex-mono-cyrillic-600-normal.woff2") format("woff2"),
       url("../fonts/ibm-plex-mono-cyrillic-600-normal.woff2") format("woff2");
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* 3. Silkscreen */
@font-face {
  font-family: "Silkscreen";
  src: url("./fonts/Silkscreen-Regular.ttf") format("truetype"),
       url("../fonts/Silkscreen-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Silkscreen";
  src: url("./fonts/Silkscreen-Bold.ttf") format("truetype"),
       url("../fonts/Silkscreen-Bold.ttf") format("truetype");
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}

/* 4. VT323 */
@font-face {
  font-family: "VT323";
  src: url("./fonts/VT323-Regular.ttf") format("truetype"),
       url("../fonts/VT323-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* 5. Playfair Display */
@font-face {
  font-family: "Playfair Display";
  src: url("./fonts/playfair-display-latin-700.woff2") format("woff2"),
       url("../fonts/playfair-display-latin-700.woff2") format("woff2");
  font-weight: 500 900;
  font-style: normal;
  font-display: swap;
  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+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Playfair Display";
  src: url("./fonts/playfair-cyrillic.woff2") format("woff2"),
       url("../fonts/playfair-cyrillic.woff2") format("woff2");
  font-weight: 500 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "House Serif";
  src: url("./fonts/playfair-display-latin-700.woff2") format("woff2"),
       url("../fonts/playfair-display-latin-700.woff2") format("woff2");
  font-weight: 500 900;
  font-style: normal;
  font-display: swap;
  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+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "House Serif";
  src: url("./fonts/playfair-cyrillic.woff2") format("woff2"),
       url("../fonts/playfair-cyrillic.woff2") format("woff2");
  font-weight: 500 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

:root {
  --t-ink: #171715;
  --t-paper: #faf5e9;
  --t-accent: #d54832;
  --t-yellow: #f6cf56;
  --t-sky: #48afbb;
  --t-wood: #efcca1;
  --t-stamp: #a63025;
  --t-muted: #5a503e;
  --t-disabled: #ded1ae;
  --t-focus: #075f81;
  --t-font-display: "Jersey 20", "QUIT Display", Silkscreen, Impact, ui-sans-serif, system-ui, sans-serif;
  --t-font-display-large: "Jersey 20", Silkscreen, Impact, ui-sans-serif, system-ui, sans-serif;
  --t-font-body: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --t-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --t-font-pixel: Silkscreen, "Jersey 20", monospace;
  --t-font-terminal: VT323, "IBM Plex Mono", monospace;
  --t-font-serif: "Playfair Display", "House Serif", Georgia, "Times New Roman", serif;
  --t-font-s: 14px;
  --t-font-m: 20px;
  --t-font-l: 28px;
  --t-font-xl: 46px;
  --t-radius-pill: 999px;
  --t-radius-card: 5px;
  --t-radius-wood: 2px;
  --t-radius-tag: 3px;
  --t-radius-stamp: 1px;
  --t-radius-input: 4px;
  --t-outline: 2px;
  --t-outline-heavy: 3px;
  --t-focus-width: 3px;
  --t-shadow-small: 1px 2px 0 var(--t-ink);
  --t-shadow-hard: 2px 4px 0 var(--t-ink);
  --t-shadow-lift: 3px 7px 0 var(--t-ink);
  --t-shadow-pressed: 1px 1px 0 var(--t-ink);
  --t-space-card: 20px;
  --t-header-desktop: 64px;
  --t-header-phone: 47.5px;
  --t-dur-fast: 160ms;
  --t-dur-medium: 240ms;
  --t-dur-reveal: 320ms;
  --t-dur-count: 600ms;
  --t-dur-idle: 3000ms;
  --t-ease-pop: cubic-bezier(.2, .9, .25, 1.3);
  --t-ease-out: cubic-bezier(.22, 1, .36, 1);
  --t-ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --t-dur-rumble: 260ms;
  --t-dur-spin: 750ms;
  --t-dur-marquee: 18000ms;
  --t-dur-toast: 2600ms;
  --t-dur-tip: 120ms;
}