/* Hallmark · tokens · theme: Cobalt · paper-band: light · display-style: grotesk-sans · accent-hue: cool */
@font-face {
	font-family: "Space Grotesk";
	font-style: normal;
	font-display: swap;
	font-weight: 300 700;
	src: url("assets/fonts/space-grotesk-latin-wght-normal.woff2") format("woff2-variations");
	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-display: swap;
	font-weight: 100 700;
	src: url("assets/fonts/ibm-plex-sans-cyrillic-wght-normal.woff2") format("woff2-variations");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
	font-family: "IBM Plex Sans";
	font-style: normal;
	font-display: swap;
	font-weight: 100 700;
	src: url("assets/fonts/ibm-plex-sans-latin-wght-normal.woff2") format("woff2-variations");
	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-display: swap;
	font-weight: 100 800;
	src: url("assets/fonts/jetbrains-mono-cyrillic-wght-normal.woff2") format("woff2-variations");
	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-display: swap;
	font-weight: 100 800;
	src: url("assets/fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2-variations");
	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-paper: oklch(98.5% 0.004 250); --color-paper-2: oklch(96% 0.008 250); --color-paper-3: oklch(92.5% 0.01 250);
	--color-ink: oklch(21% 0.018 258); --color-ink-2: oklch(34% 0.018 257); --color-muted: oklch(40% 0.014 255);
	--color-rule: oklch(84% 0.012 250); --color-rule-strong: oklch(68% 0.018 254); --color-accent: oklch(50% 0.18 256); --color-accent-hover: oklch(44% 0.17 256); --color-accent-soft: oklch(94% 0.025 256); --color-accent-ink: oklch(98.5% 0.004 250); --color-accent-on-dark: oklch(74% 0.12 256);
	--color-graphite: oklch(22% 0.016 260); --color-graphite-2: oklch(28% 0.018 258); --color-on-dark: oklch(95% 0.006 250); --color-on-dark-muted: oklch(76% 0.012 250); --color-focus: oklch(18% 0.02 256);
	--color-error: oklch(43% 0.16 25); --color-error-soft: oklch(94% 0.03 25); --color-success: oklch(42% 0.12 145); --color-success-soft: oklch(94% 0.03 145); --color-transparent: transparent;
	--color-ral-9005: oklch(25% 0.008 250); --color-ral-7035: oklch(82% 0.01 250); --color-ral-7032: oklch(74% 0.02 92); --color-ral-5015: oklch(58% 0.13 230); --color-ral-3000: oklch(48% 0.18 28); --color-ral-6018: oklch(63% 0.16 135);
	--font-display: "Space Grotesk", "IBM Plex Sans", "Segoe UI", sans-serif; --font-body: "IBM Plex Sans", "Segoe UI", sans-serif; --font-mono: "JetBrains Mono", "Cascadia Mono", monospace;
	--space-3xs: .125rem; --space-2xs: .25rem; --space-xs: .5rem; --space-sm: .75rem; --space-md: 1rem; --space-lg: 1.5rem; --space-xl: 2.5rem; --space-2xl: 4rem; --space-3xl: 6rem; --space-4xl: 9rem;
	--text-xs: .75rem; --text-sm: .875rem; --text-base: 1rem; --text-md: 1.25rem; --text-lg: 1.5625rem; --text-xl: 1.953rem; --text-2xl: 2.441rem; --text-3xl: 3.052rem; --text-4xl: 3.815rem; --text-display: clamp(2.75rem, 5vw + .5rem, 5.25rem); --text-display-s: clamp(2.4rem, 4vw + .4rem, 4.4rem);
	--ease-out: cubic-bezier(.16, 1, .3, 1); --ease-in: cubic-bezier(.7, 0, .84, 0); --ease-in-out: cubic-bezier(.65, 0, .35, 1); --dur-micro: 120ms; --dur-short: 220ms; --dur-long: 420ms;
	--rule-hair: 1px; --radius-sm: .375rem; --radius-md: .625rem; --radius-lg: 1rem; --page-max: 90rem; --page-gutter: clamp(1rem, 4vw, 4rem); --z-dropdown: 100; --z-sticky: 200; --z-modal: 400; --z-toast: 500; --z-tooltip: 600;
}