/* Hallmark · genre: modern-minimal · macrostructure-family: Marquee Hero / Split Studio / Index-First · design-system: design.md · anchor hue: Lief blue */
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/fraunces-latin-ext.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: "Fraunces";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/fraunces-latin.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: "Geist";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/geist-cyrillic-ext.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: "Geist";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/geist-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/geist-latin-ext.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: "Geist";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/geist-latin.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: "JetBrains Mono";
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url("/fonts/jetbrains-cyrillic-ext.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: "JetBrains Mono";
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url("/fonts/jetbrains-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url("/fonts/jetbrains-latin.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 {
  --color-brand: oklch(42.93% 0.0779 258.28);
  --color-brand-deep: oklch(35.02% 0.0649 257.45);
  --color-ink: oklch(25.46% 0.0397 266.94);
  --color-ink-2: oklch(40.22% 0.0431 265.40);
  --color-muted: oklch(50.30% 0.0338 266.08);
  --color-paper: oklch(96.18% 0.0086 84.57);
  --color-paper-2: oklch(92.58% 0.0198 87.52);
  --color-card: oklch(98.25% 0.0070 84.57);
  --color-rule: oklch(85.27% 0.0231 87.16);
  --color-accent: oklch(52.10% 0.1386 42.89);
  --color-accent-ink: oklch(96.18% 0.0086 84.57);
  --color-success: oklch(47.58% 0.0777 162.16);
  --color-caution: oklch(50.52% 0.0490 91.29);
  --color-rd-paper: oklch(91.75% 0.0202 84.59);
  --color-focus: oklch(42.93% 0.0779 258.28);

  --brand: var(--color-brand);
  --brand-deep: var(--color-brand-deep);
  --ink: var(--color-ink);
  --ink-soft: var(--color-ink-2);
  --ink-mute: var(--color-muted);
  --paper: var(--color-paper);
  --paper-warm: var(--color-paper-2);
  --paper-card: var(--color-card);
  --line: var(--color-rule);
  --accent: var(--color-accent);
  --live: var(--color-success);
  --soon: var(--color-caution);
  --rd-bg: var(--color-rd-paper);
  --rd-text: var(--color-ink);
  --rd-text-soft: var(--color-ink-2);
  --rd-text-mute: var(--color-muted);
  --grain-opacity: 0.55;

  --font-display: "Fraunces", ui-serif, serif;
  --font-body: "Geist", ui-sans-serif, sans-serif;
  --font-outlier: "JetBrains Mono", ui-monospace, monospace;
  --font-wordmark: var(--font-display);

  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;
  --space-2: var(--space-xs);
  --space-3: var(--space-md);
  --space-4: var(--space-lg);
  --space-5: 2rem;
  --space-6: 3rem;

  --text-xs: 0.64rem;
  --text-sm: 0.8rem;
  --text-base: 1rem;
  --text-md: 1.25rem;
  --text-lg: 1.5625rem;
  --text-xl: 1.9531rem;
  --text-2xl: 2.4414rem;
  --text-3xl: 3.0518rem;
  --text-4xl: 3.8147rem;
  --text-display: clamp(2.75rem, 5vw + 1rem, 5.25rem);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 420ms;

  --rule-hair: 1px;
  --radius-card: 0.375rem;
  --radius-pill: 999px;
  --radius-input: 0.375rem;

  --z-base: 1;
  --z-raised: 10;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal: 400;
  --z-toast: 500;
  --z-tooltip: 600;
}

[data-theme="dark"] {
  --color-brand: oklch(68% 0.0793 259.19);
  --color-brand-deep: oklch(46.59% 0.0776 259.41);
  --color-ink: oklch(93.67% 0.0096 93.57);
  --color-ink-2: oklch(77.30% 0.0130 91.55);
  --color-muted: oklch(63.45% 0.0127 84.59);
  --color-paper: oklch(19.82% 0.0229 257.29);
  --color-paper-2: oklch(25.49% 0.0313 260.42);
  --color-card: oklch(25.49% 0.0313 260.42);
  --color-rule: oklch(32.51% 0.0323 265.03);
  --color-accent: oklch(68.47% 0.1414 44.78);
  --color-accent-ink: oklch(19.82% 0.0229 257.29);
  --color-success: oklch(71.84% 0.1270 153.38);
  --color-caution: oklch(64.71% 0.0439 86.69);
  --color-rd-paper: oklch(24.07% 0.0266 255.78);
  --color-focus: oklch(72% 0.115 259.19);
  --grain-opacity: 0.35;
}