/* GENERATED from docs/design/public-site/design-system/tokens.json by
   modules/front/build/tokens-from-design.py -- do not edit by hand.
   The design archive is a snapshot of a living source; regenerate when it is replaced. */
@font-face{font-family:"Onest";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/Onest-400.woff2") format("woff2")}
@font-face{font-family:"Onest";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/Onest-500.woff2") format("woff2")}
@font-face{font-family:"Onest";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/Onest-600.woff2") format("woff2")}
@font-face{font-family:"Onest";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/Onest-700.woff2") format("woff2")}
@font-face{font-family:"Raleway";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/Raleway-400.woff2") format("woff2")}
@font-face{font-family:"Raleway";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/Raleway-500.woff2") format("woff2")}
@font-face{font-family:"Raleway";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/Raleway-600.woff2") format("woff2")}
@font-face{font-family:"Raleway";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/Raleway-700.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/Vazirmatn-400.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/Vazirmatn-700.woff2") format("woff2")}
:root{
  --font-head: "Onest", "Vazirmatn", system-ui, sans-serif;
  --font-body: "Raleway", "Vazirmatn", system-ui, sans-serif;
  --font-fa: "Vazirmatn", system-ui, sans-serif;
  --brand-navy-900: #09152A;
  --brand-navy-800: #17253F;
  --brand-blue-500: #266DF0;
  --brand-blue-700: #0048CD;
  --brand-white: #FFFFFF;
  --brand-grey-card-border: #D0D0D0;
  --brand-grey-50: #F7F9FB;
  --brand-grey-100: #F1F1F1;
  --brand-grey-border: #E9EEF3;
  --brand-grey-divider: #EAECEE;
  --brand-red-500: #F03226;
  --blue-300: #79A5F6;
  --blue-100: #DCE8FD;
  --blue-50: #EEF4FE;
  --slate-600: #4A5872;
  --slate-500: #5E6B80;
  --slate-400: #7C889C;
  --slate-300: #C3CCDA;
  --slate-350: #9AA7BA;
  --slate-dark-500: #6B7A94;
  --navy-700: #2A3A58;
  --green-600-tmp: #087740;
  --green-400-tmp: #39D085;
  --green-50-tmp: #EAF6EF;
  --amber-600-tmp: #99600B;
  --amber-400-tmp: #F0A028;
  --amber-50-tmp: #FDF3E3;
  --red-700: #C8190E;
  --red-300: #F57870;
  --red-50: #FDECEB;
  --background: var(--brand-white);
  --surface: var(--brand-white);
  --surface-alt: var(--brand-grey-50);
  --text-primary: var(--brand-navy-800);
  --text-secondary: var(--slate-600);
  --text-muted: var(--slate-500);
  --text-on-accent: var(--brand-white);
  --border: var(--brand-grey-border);
  --border-card: var(--brand-grey-card-border);
  --divider: var(--brand-grey-divider);
  --border-input: var(--slate-400);
  --accent: var(--brand-blue-500);
  --accent-hover: var(--brand-blue-700);
  --accent-pressed: #003AA6;
  --link: var(--brand-blue-700);
  --accent-tint: var(--blue-50);
  --success: var(--green-600-tmp);
  --success-tint: var(--green-50-tmp);
  --warning: var(--amber-600-tmp);
  --warning-tint: var(--amber-50-tmp);
  --error: var(--brand-red-500);
  --error-text: var(--red-700);
  --error-tint: var(--red-50);
  --info: var(--brand-blue-700);
  --focus-ring: var(--brand-blue-700);
  --chart-1: var(--brand-blue-500);
  --chart-2: var(--brand-navy-800);
  --chart-3: #9DBDF8;
  --chart-grid: var(--brand-grey-divider);
  --chart-negative: var(--brand-red-500);
  --tier-bronze-ink: #8A5A2B;
  --tier-bronze-bg: #F6EDE4;
  --tier-silver-ink: #5A6573;
  --tier-silver-bg: #EDF0F3;
  --tier-gold-ink: #80600E;
  --tier-gold-bg: #FBF3DC;
  --tier-platinum-ink: #3C5262;
  --tier-platinum-bg: #E6EEF3;
  --tier-vip-ink: #E3C46B;
  --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;
  --space-24: 96px;
  --space-30: 120px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --shadow-none: none;
  --shadow-1: 0 1px 2px rgba(9,21,42,0.06), 0 2px 8px rgba(9,21,42,0.04);
  --shadow-2: 0 2px 4px rgba(9,21,42,0.06), 0 12px 32px rgba(9,21,42,0.08);
  --shadow-3: 0 8px 16px rgba(9,21,42,0.08), 0 24px 56px rgba(9,21,42,0.12);
  --shadow-button: 0 1px 2px rgba(9,21,42,0.08), 0 4px 12px rgba(38,109,240,0.16);
  --container-max: 1200px;
  --columns-desktop: 12;
  --gutter-desktop: 24px;
  --margin-desktop: 120px;
  --columns-tablet: 8;
  --gutter-tablet: 20px;
  --margin-tablet: 40px;
  --columns-mobile: 4;
  --gutter-mobile: 16px;
  --margin-mobile: 16px;
  --header-height: 80px;
  --measure: 680px;
  --gradient-hero: linear-gradient(180deg, #FFFFFF 0%, #EEF4FE 100%);
  --gradient-glow: radial-gradient(120% 90% at 30% 20%, #FFFFFF 0%, #DCE8FD 60%, #C7DAFB 100%);
  --gradient-bar: linear-gradient(90deg, #266DF0 0%, #79A5F6 100%);
}
[data-theme="dark"]{
  --background: var(--brand-navy-900);
  --surface: var(--brand-navy-800);
  --surface-alt: #1E3050;
  --text-primary: var(--brand-white);
  --text-secondary: var(--slate-300);
  --text-muted: var(--slate-350);
  --text-on-accent: var(--brand-white);
  --border: var(--navy-700);
  --border-card: var(--navy-700);
  --divider: var(--navy-700);
  --border-input: var(--slate-dark-500);
  --accent: var(--brand-blue-500);
  --accent-hover: var(--brand-blue-700);
  --accent-pressed: #003AA6;
  --link: var(--blue-300);
  --accent-tint: #1B3566;
  --success: var(--green-400-tmp);
  --success-tint: #123A2A;
  --warning: var(--amber-400-tmp);
  --warning-tint: #3A2A10;
  --error: var(--red-300);
  --error-text: var(--red-300);
  --error-tint: #3A1A1C;
  --info: var(--blue-300);
  --focus-ring: var(--blue-300);
  --chart-1: var(--blue-300);
  --chart-2: #C3CCDA;
  --chart-3: #3E6FCB;
  --chart-grid: var(--navy-700);
  --chart-negative: var(--red-300);
}