/* Generated by tools/build_theme_tokens.py. Edit design/tokens.json, not this file. */
:root {
  --cando-font-weight-thin: 100;
  --cando-font-weight-extralight: 200;
  --cando-font-weight-light: 300;
  --cando-font-weight-regular: 400;
  --cando-font-weight-medium: 500;
  --cando-font-weight-semibold: 600;
  --cando-font-weight-bold: 700;
  --cando-font-weight-extrabold: 800;
  --cando-font-weight-black: 900;
  --cando-font-family-title: "IRANSansX";
  --cando-font-family-body: "IRANSansX";
  --cando-font-family-label: "IRANSansX";
  --cando-font-family-caption: "IRANSansX";
  --cando-font-size-xs: 12px;
  --cando-font-size-s: 14px;
  --cando-font-size-m: 16px;
  --cando-font-size-l: 18px;
  --cando-font-size-xl: 20px;
  --cando-font-size-2xl: 24px;
  --cando-font-size-3xl: 32px;
  --cando-font-size-4xl: 40px;
  --cando-font-size-5xl: 48px;
  --cando-font-size-6xl: 56px;
  --cando-font-size-7xl: 72px;
  --cando-line-height-xs: 18px;
  --cando-line-height-s: 22px;
  --cando-line-height-m: 26px;
  --cando-line-height-l: 28px;
  --cando-line-height-xl: 32px;
  --cando-line-height-2xl: 36px;
  --cando-line-height-3xl: 44px;
  --cando-line-height-4xl: 52px;
  --cando-line-height-5xl: 60px;
  --cando-line-height-6xl: 68px;
  --cando-line-height-7xl: 84px;
  --cando-space-space-1: 4px;
  --cando-space-space-2: 8px;
  --cando-space-space-3: 12px;
  --cando-space-space-4: 16px;
  --cando-space-space-6: 24px;
  --cando-space-space-8: 32px;
  --cando-space-space-12: 48px;
  --cando-space-space-16: 64px;
  --cando-spacing-layout-container-padding: 16px;
  --cando-spacing-layout-section-gap: 32px;
  --cando-spacing-component-card-padding: 16px;
  --cando-spacing-component-element-gap: 12px;
  --cando-spacing-component-micro-gap: 4px;
  --cando-letter-spacing-tighter: -0.8px;
  --cando-letter-spacing-tight: -0.4px;
  --cando-letter-spacing-normal: 0px;
  --cando-letter-spacing-wide: 0.4px;
  --cando-letter-spacing-wider: 0.8px;
  --cando-letter-spacing-widest: 1.6px;
  --cando-display-2xl-size: 40px;
  --cando-display-2xl-lh: 52px;
  --cando-display-xl-size: 32px;
  --cando-display-xl-lh: 44px;
  --cando-display-lg-size: 24px;
  --cando-display-lg-lh: 36px;
  --cando-heading-lg-size: 20px;
  --cando-heading-lg-lh: 32px;
  --cando-heading-m-size: 18px;
  --cando-heading-m-lh: 28px;
  --cando-heading-s-size: 16px;
  --cando-heading-s-lh: 26px;
  --cando-heading-xs-size: 14px;
  --cando-heading-xs-lh: 22px;
  --cando-body-xl-size: 16px;
  --cando-body-xl-lh: 26px;
  --cando-body-lg-size: 14px;
  --cando-body-lg-lh: 24px;
  --cando-body-m-size: 14px;
  --cando-body-m-lh: 22px;
  --cando-body-s-size: 12px;
  --cando-body-s-lh: 18px;
  --cando-label-lg-size: 14px;
  --cando-label-lg-lh: 24px;
  --cando-label-m-size: 12px;
  --cando-label-m-lh: 18px;
  --cando-caption-m-size: 12px;
  --cando-caption-m-lh: 18px;
  --cando-caption-s-size: 12px;
  --cando-caption-s-lh: 18px;
  --cando-brand-50: #fffbe6;
  --cando-brand-100: #fff6ce;
  --cando-brand-200: #ffee9c;
  --cando-brand-300: #fee56b;
  --cando-brand-400: #fedd39;
  --cando-brand-500: #fed408;
  --cando-brand-600: #cbaa06;
  --cando-brand-700: #987f05;
  --cando-brand-800: #332a02;
  --cando-brand-900: #191501;
  --cando-neutral-50: #e7e7e7;
  --cando-neutral-100: #d0d0d0;
  --cando-neutral-200: #a1a1a1;
  --cando-neutral-300: #717171;
  --cando-neutral-400: #424242;
  --cando-neutral-500: #131313;
  --cando-neutral-600: #0f0f0f;
  --cando-neutral-700: #0f0f0f;
  --cando-neutral-800: #080808;
  --cando-neutral-900: #010101;
  --cando-error-50: #fbeaec;
  --cando-error-100: #f7d5d9;
  --cando-error-200: #f0abb2;
  --cando-error-300: #e8818c;
  --cando-error-400: #e15765;
  --cando-error-500: #d92d3f;
  --cando-error-600: #ae2432;
  --cando-error-700: #821b26;
  --cando-error-800: #571219;
  --cando-error-900: #2b090d;
  --cando-success-50: #e9f3ee;
  --cando-success-100: #d3e8de;
  --cando-success-200: #a6d0bc;
  --cando-success-300: #7ab99b;
  --cando-success-400: #4da179;
  --cando-success-500: #218a58;
  --cando-success-600: #1a6e46;
  --cando-success-700: #145335;
  --cando-success-800: #0d3723;
  --cando-success-900: #071c12;
  --cando-info-50: #e9f1f9;
  --cando-info-100: #d4e4f4;
  --cando-info-200: #a9c9e9;
  --cando-info-300: #7eaedd;
  --cando-info-400: #5393d2;
  --cando-info-500: #2878c7;
  --cando-info-600: #20609f;
  --cando-info-700: #184877;
  --cando-info-800: #103050;
  --cando-info-900: #081828;
  --cando-warning-50: #fdf2e8;
  --cando-warning-100: #fae4d1;
  --cando-warning-200: #f6c9a2;
  --cando-warning-300: #f1af74;
  --cando-warning-400: #ed9445;
  --cando-warning-500: #e87917;
  --cando-warning-600: #ba6112;
  --cando-warning-700: #8b490e;
  --cando-warning-800: #5d3009;
  --cando-warning-900: #2e1805;
  --cando-neutral-000: #fefefe;
  --cando-neutral-0: #f3f3f3;
  --cando-primary-0: #e6e7f0;
  --cando-primary-100: #cdd0e1;
  --cando-primary-200: #9aa0c3;
  --cando-primary-300: #6871a5;
  --cando-primary-400: #354187;
  --cando-primary-500: #031269;
  --cando-primary-600: #020e54;
  --cando-primary-700: #020b3f;
  --cando-primary-800: #01072a;
  --cando-primary-900: #010415;
  --cando-brand-0: #fffdf3;
  --cando-neutral-0-2: #f9f9f9;
  --cando-primary-button-default: var(--cando-brand-500);
  --cando-primary-button-hover: var(--cando-brand-600);
  --cando-primary-button-active: var(--cando-brand-700);
  --cando-primary-button-disabled: var(--cando-brand-300);
  --cando-accent-button-default: var(--cando-neutral-500);
  --cando-accent-button-hover: var(--cando-neutral-600);
  --cando-accent-button-active: var(--cando-neutral-700);
  --cando-accent-button-disabled: var(--cando-neutral-300);
  --cando-error-button-default: var(--cando-error-500);
  --cando-error-button-hover: var(--cando-error-600);
  --cando-error-button-active: var(--cando-error-700);
  --cando-error-button-disabled: var(--cando-error-300);
  --cando-info-button-default: var(--cando-info-500);
  --cando-info-button-hover: var(--cando-info-600);
  --cando-info-button-active: var(--cando-info-700);
  --cando-info-button-disabled: var(--cando-info-300);
  --cando-success-button-default: var(--cando-success-500);
  --cando-success-button-hover: var(--cando-success-600);
  --cando-success-button-active: var(--cando-success-700);
  --cando-success-button-disabled: var(--cando-success-300);
  --cando-warning-button-default: var(--cando-warning-500);
  --cando-warning-button-hover: var(--cando-warning-600);
  --cando-warning-button-active: var(--cando-warning-700);
  --cando-warning-button-disabled: var(--cando-warning-300);
  --cando-border-default: var(--cando-neutral-300);
  --cando-border-strong: var(--cando-neutral-500);
  --cando-border-subtle: var(--cando-neutral-200);
  --cando-border-disabled: var(--cando-neutral-50);
  --cando-background-page: var(--cando-neutral-0);
  --cando-background-surface: var(--cando-neutral-000);
  --cando-background-subtle: var(--cando-neutral-50);
  --cando-background-inverse: var(--cando-neutral-900);
  --cando-text-primary: var(--cando-neutral-900);
  --cando-text-secondary: var(--cando-neutral-700);
  --cando-text-tertiary: var(--cando-neutral-300);
  --cando-text-disabled: var(--cando-neutral-200);
  --cando-text-on-primary: var(--cando-neutral-000);
  --cando-space-1: 4px;
  --cando-space-2: 8px;
  --cando-space-3: 12px;
  --cando-space-4: 16px;
  --cando-space-5: 20px;
  --cando-space-6: 24px;
  --cando-space-8: 32px;
  --cando-space-10: 40px;
  --cando-space-12: 48px;
  --cando-space-16: 64px;
  --cando-space-20: 80px;
  --cando-space-24: 96px;
  --cando-header-breakpoint: 1280px;
}
@media (min-width: 1280px) {
  :root {
    --cando-spacing-layout-container-padding: 32px;
    --cando-spacing-layout-section-gap: 48px;
    --cando-spacing-component-card-padding: 24px;
    --cando-spacing-component-element-gap: 16px;
    --cando-spacing-component-micro-gap: 8px;
    --cando-letter-spacing-tighter: -0.8px;
    --cando-letter-spacing-tight: -0.4px;
    --cando-letter-spacing-normal: 0px;
    --cando-letter-spacing-wide: 0.4px;
    --cando-letter-spacing-wider: 0.8px;
    --cando-letter-spacing-widest: 1.6px;
    --cando-display-2xl-size: 72px;
    --cando-display-2xl-lh: 84px;
    --cando-display-xl-size: 56px;
    --cando-display-xl-lh: 68px;
    --cando-display-lg-size: 48px;
    --cando-display-lg-lh: 60px;
    --cando-heading-lg-size: 40px;
    --cando-heading-lg-lh: 52px;
    --cando-heading-m-size: 32px;
    --cando-heading-m-lh: 44px;
    --cando-heading-s-size: 24px;
    --cando-heading-s-lh: 36px;
    --cando-heading-xs-size: 20px;
    --cando-heading-xs-lh: 32px;
    --cando-body-xl-size: 18px;
    --cando-body-xl-lh: 28px;
    --cando-body-lg-size: 16px;
    --cando-body-lg-lh: 26px;
    --cando-body-m-size: 14px;
    --cando-body-m-lh: 22px;
    --cando-body-s-size: 12px;
    --cando-body-s-lh: 18px;
    --cando-label-lg-size: 16px;
    --cando-label-lg-lh: 26px;
    --cando-label-m-size: 14px;
    --cando-label-m-lh: 22px;
    --cando-caption-m-size: 14px;
    --cando-caption-m-lh: 22px;
    --cando-caption-s-size: 12px;
    --cando-caption-s-lh: 18px;
  }
}
:lang(en) {
  --cando-font-family-title: "JetBrains Mono";
  --cando-font-family-body: "JetBrains Mono";
  --cando-font-family-label: "JetBrains Mono";
  --cando-font-family-caption: "JetBrains Mono";
}