:root {
  --font-display: "Schibsted Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-body: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SF Mono, Menlo, monospace;
}

@font-face {
  font-family: "Schibsted Grotesk";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/fonts/schibsted-grotesk/500-latin-0.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: "Schibsted Grotesk";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/fonts/schibsted-grotesk/600-latin-0.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: "Schibsted Grotesk";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/fonts/schibsted-grotesk/700-latin-0.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: "Schibsted Grotesk";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/uploads/fonts/schibsted-grotesk/800-latin-0.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: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/ibm-plex-sans/400-latin-0.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: "IBM Plex Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/fonts/ibm-plex-sans/500-latin-0.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: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/fonts/ibm-plex-sans/600-latin-0.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: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/ibm-plex-mono/400-latin-0.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: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/fonts/ibm-plex-mono/500-latin-0.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;
}
:root {
  --teal: oklch(0.63 0.105 198);
  --bg: oklch(0.985 0.004 210);
  --bg-alt: oklch(0.965 0.009 205);
  --surface: oklch(1 0 0);
  --surface-2: oklch(0.975 0.006 210);
  --text: oklch(0.22 0.02 222);
  --text-2: oklch(0.40 0.018 222);
  --text-3: oklch(0.50 0.016 222);
  --border: oklch(0.91 0.009 210);
  --border-strong: oklch(0.84 0.012 210);
  --teal-ink: oklch(0.47 0.085 198);
  --teal-soft: oklch(0.945 0.035 198);
  --sky: oklch(0.66 0.12 235);
  --sky-ink: oklch(0.47 0.12 240);
  --sky-soft: oklch(0.95 0.03 235);
  --violet: oklch(0.62 0.17 295);
  --violet-ink: oklch(0.48 0.17 295);
  --violet-soft: oklch(0.95 0.035 295);
  --coral: oklch(0.68 0.16 30);
  --coral-ink: oklch(0.50 0.15 30);
  --coral-soft: oklch(0.955 0.03 30);
  --amber: oklch(0.78 0.14 75);
  --amber-ink: oklch(0.50 0.11 70);
  --amber-soft: oklch(0.96 0.045 85);
  --green: oklch(0.66 0.14 155);
  --green-ink: oklch(0.46 0.12 155);
  --green-soft: oklch(0.95 0.035 155);
  --rose: oklch(0.64 0.17 12);
  --rose-ink: oklch(0.50 0.16 12);
  --rose-soft: oklch(0.95 0.03 12);
  --ink: oklch(0.21 0.04 205);
  --ink-2: oklch(0.26 0.045 205);
  --ink-text: oklch(0.96 0.008 200);
  --ink-text-2: oklch(0.82 0.02 200);
  --mint: oklch(0.86 0.11 175);
  --violet-band: oklch(0.2 0.06 290);
  --violet-band-2: oklch(0.26 0.075 290);
}