/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V4
 * genre: atmospheric · macrostructure: Workbench · design-system: DESIGN.md
 * contrast: pass (40–41) · honest: pass (46) · chrome: pass (47) · tokens: pass (48)
 * mobile: pass (34, 49, 50–57) · icons: pass (30)
 */

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  unicode-range: U+0400-04FF;
  src: url("/assets/manrope-cyrillic-500-normal-B1OEZity.woff2") format("woff2");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0100-024F;
  src: url("/assets/manrope-latin-500-normal-BYYD-dBL.woff2") format("woff2");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0400-04FF;
  src: url("/assets/manrope-cyrillic-700-normal-Dw_fZAg2.woff2") format("woff2");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0100-024F;
  src: url("/assets/manrope-latin-700-normal-BZp_XxE4.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0400-04FF;
  src: url("/assets/roboto-cyrillic-400-normal-CBPI_iaY.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0100-024F;
  src: url("/assets/roboto-latin-400-normal-BqEyEoaF.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0400-04FF;
  src: url("/assets/roboto-cyrillic-700-normal-C2o7G-SM.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0100-024F;
  src: url("/assets/roboto-latin-700-normal-BZpUvMxY.woff2") format("woff2");
}

@font-face {
  font-family: "Manrope Fallback";
  src: local("Arial");
  size-adjust: 102%;
  ascent-override: 94%;
  descent-override: 25%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Roboto Fallback";
  src: local("Arial");
  size-adjust: 100%;
  ascent-override: 93%;
  descent-override: 24%;
  line-gap-override: 0%;
}

:root {
  color-scheme: dark;

  --color-paper: oklch(15% 0.009 28);
  --color-paper-2: oklch(20% 0.01 28);
  --color-paper-3: oklch(24% 0.012 28);
  --color-input: oklch(12% 0.008 28);
  --color-rule: oklch(32% 0.012 28);
  --color-rule-strong: oklch(42% 0.014 28);
  --color-muted: oklch(72% 0.008 40);
  --color-ink: oklch(94% 0.008 55);
  --color-accent: oklch(48% 0.17 22);
  --color-accent-hover: oklch(54% 0.18 22);
  --color-accent-pressed: oklch(43% 0.15 22);
  --color-accent-ink: oklch(96% 0.006 55);
  --color-focus: oklch(76% 0.16 50);
  --color-success: oklch(72% 0.12 145);
  --color-error: oklch(68% 0.18 25);

  --font-display: "Manrope", "Manrope Fallback", sans-serif;
  --font-body: "Roboto", "Roboto Fallback", sans-serif;

  --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;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.25rem;
  --text-lg: 1.5rem;
  --text-xl: clamp(1.75rem, 5vw, 2.25rem);

  --control-height: 2.75rem;
  --radius-control: 0.625rem;
  --radius-card: 1rem;
  --radius-pill: 999px;
  --rule-width: 1px;

  --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: 100ms;
  --dur-short: 180ms;

  --z-base: 1;
  --z-raised: 10;
  --z-sticky: 200;
  --z-modal: 400;
  --z-toast: 500;
}