/*
 * уНИХ Design Tokens v1.1.0
 * Variables only. No global element styles.
 */
:root {
  --unikh-color-background: #F3F4F1;
  --unikh-color-surface: #FFFFFF;
  --unikh-color-text-primary: #0F0F0F;
  --unikh-color-text-secondary: #6B6B68;
  --unikh-color-text-inverse: #FFFFFF;
  --unikh-color-divider: #E4E2DC;
  --unikh-color-accent: #D8FF2F;
  --unikh-color-accent-text: #0F0F0F;
  --unikh-color-error: #C53A32;
  --unikh-color-success: #2F7A4B;
  --unikh-color-warning: #8A6500;
  --unikh-color-on-semantic: #FFFFFF;

  --unikh-font-primary: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --unikh-font-accent: "Literata", Georgia, serif;
  --unikh-weight-regular: 400;
  --unikh-weight-medium: 500;
  --unikh-weight-semibold: 600;
  --unikh-weight-bold: 700;

  --unikh-text-meta: 13px;
  --unikh-text-label: 15px;
  --unikh-text-body: 16px;
  --unikh-text-body-comfortable: 17px;
  --unikh-text-body-large: 20px;
  --unikh-text-h3: 24px;
  --unikh-text-h2-mobile: 28px;
  --unikh-text-h2-desktop: 36px;
  --unikh-text-display-mobile: 40px;
  --unikh-text-display-desktop: 56px;

  --unikh-leading-meta: 1.35;
  --unikh-leading-body: 1.45;
  --unikh-leading-body-large: 1.4;
  --unikh-leading-heading: 1.08;
  --unikh-leading-display: 1;
  --unikh-leading-control: 1;
  --unikh-tracking-body: 0em;
  --unikh-tracking-heading: -0.015em;
  --unikh-tracking-display: -0.02em;

  --unikh-space-0: 0px;
  --unikh-space-1: 4px;
  --unikh-space-2: 8px;
  --unikh-space-3: 12px;
  --unikh-space-4: 16px;
  --unikh-space-5: 20px;
  --unikh-space-6: 24px;
  --unikh-space-8: 32px;
  --unikh-space-12: 48px;
  --unikh-space-16: 64px;

  --unikh-border-width: 1px;
  --unikh-radius-small: 8px;
  --unikh-radius-control: 12px;
  --unikh-radius-large-control: 16px;
  --unikh-radius-pill: 999px;

  --unikh-tap-target-min: 44px;
  --unikh-button-height: 48px;
  --unikh-search-height: 64px;
  --unikh-chip-height: 36px;

  --unikh-icon-size-compact: 20px;
  --unikh-icon-size-default: 24px;
  --unikh-icon-stroke: 1.75;
  --unikh-icon-stroke-strong: 2;
  --unikh-icon-label-gap: 8px;

  --unikh-focus-width: 2px;
  --unikh-focus-color: #0F0F0F;
  --unikh-focus-offset: 2px;

  --unikh-motion-fast: 120ms;
  --unikh-motion-base: 180ms;
  --unikh-motion-slow: 220ms;
  --unikh-ease-standard: cubic-bezier(0.2, 0, 0, 1);

  --unikh-gutter-mobile: 16px;
  --unikh-gutter-comfortable: 24px;
  --unikh-text-max: 70ch;

  /* Reference values; use literal values in @media queries. */
  --unikh-breakpoint-compact-max: 639px;
  --unikh-breakpoint-medium-min: 640px;
  --unikh-breakpoint-medium-max: 1023px;
  --unikh-breakpoint-wide-min: 1024px;
}