/* Zirva design tokens. Generated by build_tokens.py, do not edit by hand. */
/* Fonts: Onest (UI), Unbounded (display), JetBrains Mono (codes). All support Azerbaijani Latin + Cyrillic. */
:root {
  --font-family-ui: 'Onest', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-family-display: 'Unbounded', 'Onest', 'Segoe UI', sans-serif;
  --font-family-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --type-display-xl: 600 56px/60px var(--font-family-display);
  --type-display-xl-tracking: -0.02em;
  --type-display-lg: 600 40px/44px var(--font-family-display);
  --type-display-lg-tracking: -0.02em;
  --type-title-lg: 650 28px/34px var(--font-family-ui);
  --type-title-lg-tracking: -0.01em;
  --type-title-md: 650 22px/28px var(--font-family-ui);
  --type-title-md-tracking: -0.005em;
  --type-title-sm: 600 18px/24px var(--font-family-ui);
  --type-title-sm-tracking: 0em;
  --type-body-lg: 400 18px/28px var(--font-family-ui);
  --type-body-lg-tracking: 0em;
  --type-body-md: 400 16px/24px var(--font-family-ui);
  --type-body-md-tracking: 0em;
  --type-body-sm: 400 14px/20px var(--font-family-ui);
  --type-body-sm-tracking: 0em;
  --type-label-lg: 600 16px/20px var(--font-family-ui);
  --type-label-lg-tracking: 0em;
  --type-label-md: 600 14px/18px var(--font-family-ui);
  --type-label-md-tracking: 0em;
  --type-label-sm: 600 12px/16px var(--font-family-ui);
  --type-label-sm-tracking: 0.01em;
  --type-caption: 400 12px/16px var(--font-family-ui);
  --type-caption-tracking: 0.01em;
  --type-code-xl: 600 30px/36px var(--font-family-mono);
  --type-code-xl-tracking: 0.04em;
  --type-code-md: 500 16px/24px var(--font-family-mono);
  --type-code-md-tracking: 0.02em;
  --space-0: 0px;
  --space-0-5: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --motion-duration-fast: 120ms;
  --motion-duration-base: 200ms;
  --motion-duration-slow: 320ms;
  --motion-duration-celebrate: 900ms;
  --motion-ease-standard: cubic-bezier(.2,0,0,1);
  --motion-ease-enter: cubic-bezier(0,0,0,1);
  --motion-ease-exit: cubic-bezier(.3,0,1,1);
  --motion-ease-spring: cubic-bezier(.34,1.56,.64,1);
  --size-touch-min: 48px;
  --size-control-sm: 36px;
  --size-control-md: 48px;
  --size-control-lg: 56px;
  --size-answer-min: 56px;
  --size-tabbar: 64px;
  --size-topbar: 56px;
  --size-sidebar: 264px;
  --size-sidebar-collapsed: 72px;
  --size-panel-right: 360px;
  --size-content-max: 1120px;
  --size-icon-sm: 16px;
  --size-icon-md: 20px;
  --size-icon-lg: 24px;
  --size-icon-xl: 32px;
  --z-base: 0;
  --z-sticky: 10;
  --z-tabbar: 20;
  --z-overlay: 40;
  --z-sheet: 50;
  --z-dialog: 60;
  --z-toast: 70;
}
:root, [data-theme='light'] {
  color-scheme: light;
  --color-canvas: #F5F3EE;
  --color-surface: #FFFFFF;
  --color-surface-sunken: #ECE9E2;
  --color-surface-raised: #FFFFFF;
  --color-overlay: #161B26;
  --color-border: #DCD7CC;
  --color-border-strong: #8C8578;
  --color-text: #161B26;
  --color-text-secondary: #4A5162;
  --color-text-tertiary: #5D6373;
  --color-text-disabled: #A3A8B3;
  --color-text-inverse: #FFFFFF;
  --color-primary: #1B2333;
  --color-primary-hover: #2B3549;
  --color-primary-pressed: #0E131C;
  --color-on-primary: #FFFFFF;
  --color-accent: #FFD23A;
  --color-accent-strong: #E9B500;
  --color-accent-tint: #FFF3C2;
  --color-on-accent: #161B26;
  --color-focus: #2E62E8;
  --color-link: #1D56B8;
  --color-info: #1D56B8;
  --color-info-tint: #E4EDFC;
  --color-success: #1C7146;
  --color-success-tint: #E0F1E7;
  --color-warning: #8A5200;
  --color-warning-tint: #FCEFD2;
  --color-attention: #AD4118;
  --color-attention-tint: #FCE8DF;
  --color-danger: #B42318;
  --color-danger-tint: #FCE6E4;
  --color-neutral: #4A5162;
  --color-neutral-tint: #ECE9E2;
  --color-brand: #161B26;
  --color-brand-tint: #FFF0B3;
  --color-score-1: #F9D6D2;
  --color-score-2: #FBE1C9;
  --color-score-3: #FAEDBE;
  --color-score-4: #D8EDD6;
  --color-score-5: #B9E2C6;
  --group-tomato: #CC3E22;
  --group-tomato-tint: #FCE5DF;
  --group-tomato-ink: #8A2611;
  --group-tangerine: #B85A0C;
  --group-tangerine-tint: #FDEBD9;
  --group-tangerine-ink: #7A3B05;
  --group-saffron: #946E00;
  --group-saffron-tint: #FBF0C7;
  --group-saffron-ink: #5E4500;
  --group-olive: #5F6B12;
  --group-olive-tint: #EEF1D6;
  --group-olive-ink: #3F470A;
  --group-leaf: #2B7D42;
  --group-leaf-tint: #E1F2E5;
  --group-leaf-ink: #1A5229;
  --group-pine: #1E6B5F;
  --group-pine-tint: #DDF0EC;
  --group-pine-ink: #124840;
  --group-sky: #2470B5;
  --group-sky-tint: #E2EEF9;
  --group-sky-ink: #164C7E;
  --group-cobalt: #3049BD;
  --group-cobalt-tint: #E5E9FA;
  --group-cobalt-ink: #1F3185;
  --group-rose: #B83769;
  --group-rose-tint: #FAE3EC;
  --group-rose-ink: #7E2147;
  --group-clay: #8F5236;
  --group-clay-tint: #F5E7DF;
  --group-clay-ink: #613520;
  --elevation-e0: none;
  --elevation-e1: 0 1px 0 rgba(22,27,38,.04), 0 1px 3px rgba(22,27,38,.06);
  --elevation-e2: 0 2px 4px rgba(22,27,38,.06), 0 8px 20px rgba(22,27,38,.08);
  --elevation-e3: 0 8px 16px rgba(22,27,38,.08), 0 24px 48px rgba(22,27,38,.16);
}
[data-theme='dark'] {
  color-scheme: dark;
  --color-canvas: #111419;
  --color-surface: #191D25;
  --color-surface-sunken: #0C0E12;
  --color-surface-raised: #222733;
  --color-overlay: #000000;
  --color-border: #2D3341;
  --color-border-strong: #6A7286;
  --color-text: #F1EEE7;
  --color-text-secondary: #B8BCC7;
  --color-text-tertiary: #9399A8;
  --color-text-disabled: #5C6272;
  --color-text-inverse: #111419;
  --color-primary: #F1EEE7;
  --color-primary-hover: #FFFFFF;
  --color-primary-pressed: #D9D5CC;
  --color-on-primary: #111419;
  --color-accent: #FFD23A;
  --color-accent-strong: #FFDF6B;
  --color-accent-tint: #3A3213;
  --color-on-accent: #161B26;
  --color-focus: #86A8FF;
  --color-link: #8DB3FF;
  --color-info: #8DB3FF;
  --color-info-tint: #1B2B49;
  --color-success: #6DD39B;
  --color-success-tint: #16332A;
  --color-warning: #F0C36A;
  --color-warning-tint: #382D13;
  --color-attention: #FF9E78;
  --color-attention-tint: #3D2219;
  --color-danger: #FF8C82;
  --color-danger-tint: #421D1D;
  --color-neutral: #B8BCC7;
  --color-neutral-tint: #252A36;
  --color-brand: #FFE27A;
  --color-brand-tint: #3A3213;
  --color-score-1: #4A2421;
  --color-score-2: #4A311B;
  --color-score-3: #433A17;
  --color-score-4: #21402B;
  --color-score-5: #1B4D32;
  --group-tomato: #FF8A70;
  --group-tomato-tint: #3F2019;
  --group-tomato-ink: #FFC3B5;
  --group-tangerine: #F5A35C;
  --group-tangerine-tint: #3C2814;
  --group-tangerine-ink: #FFD3AB;
  --group-saffron: #E8C34D;
  --group-saffron-tint: #38300F;
  --group-saffron-ink: #F7E3A1;
  --group-olive: #BCC95A;
  --group-olive-tint: #2D3113;
  --group-olive-ink: #E0E8A6;
  --group-leaf: #6BCB86;
  --group-leaf-tint: #183324;
  --group-leaf-ink: #B4E8C2;
  --group-pine: #5CC4B2;
  --group-pine-tint: #14322D;
  --group-pine-ink: #ADE6DC;
  --group-sky: #73B3EE;
  --group-sky-tint: #162C40;
  --group-sky-ink: #BFDCF7;
  --group-cobalt: #93A6FF;
  --group-cobalt-tint: #1D2448;
  --group-cobalt-ink: #C9D2FF;
  --group-rose: #F28AB2;
  --group-rose-tint: #3D1C2A;
  --group-rose-ink: #F9C4D8;
  --group-clay: #D99A7B;
  --group-clay-tint: #36241B;
  --group-clay-ink: #EFCDBB;
  --elevation-e0: none;
  --elevation-e1: 0 0 0 1px rgba(255,255,255,.04);
  --elevation-e2: 0 0 0 1px rgba(255,255,255,.06), 0 8px 24px rgba(0,0,0,.45);
  --elevation-e3: 0 0 0 1px rgba(255,255,255,.08), 0 24px 56px rgba(0,0,0,.6);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --color-canvas: #111419;
    --color-surface: #191D25;
    --color-surface-sunken: #0C0E12;
    --color-surface-raised: #222733;
    --color-overlay: #000000;
    --color-border: #2D3341;
    --color-border-strong: #6A7286;
    --color-text: #F1EEE7;
    --color-text-secondary: #B8BCC7;
    --color-text-tertiary: #9399A8;
    --color-text-disabled: #5C6272;
    --color-text-inverse: #111419;
    --color-primary: #F1EEE7;
    --color-primary-hover: #FFFFFF;
    --color-primary-pressed: #D9D5CC;
    --color-on-primary: #111419;
    --color-accent: #FFD23A;
    --color-accent-strong: #FFDF6B;
    --color-accent-tint: #3A3213;
    --color-on-accent: #161B26;
    --color-focus: #86A8FF;
    --color-link: #8DB3FF;
    --color-info: #8DB3FF;
    --color-info-tint: #1B2B49;
    --color-success: #6DD39B;
    --color-success-tint: #16332A;
    --color-warning: #F0C36A;
    --color-warning-tint: #382D13;
    --color-attention: #FF9E78;
    --color-attention-tint: #3D2219;
    --color-danger: #FF8C82;
    --color-danger-tint: #421D1D;
    --color-neutral: #B8BCC7;
    --color-neutral-tint: #252A36;
    --color-brand: #FFE27A;
    --color-brand-tint: #3A3213;
    --color-score-1: #4A2421;
    --color-score-2: #4A311B;
    --color-score-3: #433A17;
    --color-score-4: #21402B;
    --color-score-5: #1B4D32;
    --group-tomato: #FF8A70;
    --group-tomato-tint: #3F2019;
    --group-tomato-ink: #FFC3B5;
    --group-tangerine: #F5A35C;
    --group-tangerine-tint: #3C2814;
    --group-tangerine-ink: #FFD3AB;
    --group-saffron: #E8C34D;
    --group-saffron-tint: #38300F;
    --group-saffron-ink: #F7E3A1;
    --group-olive: #BCC95A;
    --group-olive-tint: #2D3113;
    --group-olive-ink: #E0E8A6;
    --group-leaf: #6BCB86;
    --group-leaf-tint: #183324;
    --group-leaf-ink: #B4E8C2;
    --group-pine: #5CC4B2;
    --group-pine-tint: #14322D;
    --group-pine-ink: #ADE6DC;
    --group-sky: #73B3EE;
    --group-sky-tint: #162C40;
    --group-sky-ink: #BFDCF7;
    --group-cobalt: #93A6FF;
    --group-cobalt-tint: #1D2448;
    --group-cobalt-ink: #C9D2FF;
    --group-rose: #F28AB2;
    --group-rose-tint: #3D1C2A;
    --group-rose-ink: #F9C4D8;
    --group-clay: #D99A7B;
    --group-clay-tint: #36241B;
    --group-clay-ink: #EFCDBB;
    --elevation-e0: none;
    --elevation-e1: 0 0 0 1px rgba(255,255,255,.04);
    --elevation-e2: 0 0 0 1px rgba(255,255,255,.06), 0 8px 24px rgba(0,0,0,.45);
    --elevation-e3: 0 0 0 1px rgba(255,255,255,.08), 0 24px 56px rgba(0,0,0,.6);
    color-scheme: dark;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --motion-duration-fast: 0ms; --motion-duration-base: 0ms; --motion-duration-slow: 0ms; --motion-duration-celebrate: 0ms; }
}