/* Humaan Genetics — tokens.css (generated from tokens.json) */
@font-face{font-family:IRANYekanX;src:url(../fonts/IRANYekanXFaNum-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:IRANYekanX;src:url(../fonts/IRANYekanXFaNum-Medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:IRANYekanX;src:url(../fonts/IRANYekanXFaNum-DemiBold.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:IRANYekanX;src:url(../fonts/IRANYekanXFaNum-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:IRANYekanX;src:url(../fonts/IRANYekanXFaNum-ExtraBold.woff2) format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Vazirmatn;src:local('Vazirmatn'),url(../fonts/Vazirmatn-Regular.woff2) format('woff2');font-weight:100 500;font-display:swap}
@font-face{font-family:Vazirmatn;src:local('Vazirmatn Bold'),url(../fonts/Vazirmatn-Bold.woff2) format('woff2');font-weight:600 900;font-display:swap}
@font-face{font-family:Sora;src:url(../fonts/Sora.woff2) format('woff2');font-weight:100 800;font-display:swap}
:root{
  --p-navy-900: #06132A;
  --p-navy-800: #0B1F3A;
  --p-navy-700: #14305A;
  --p-navy-600: #2A4670;
  --p-navy-400: #5D7596;
  --p-navy-200: #C4D0DF;
  --p-teal-700: #0A5F59;
  --p-teal-600: #0E7C74;
  --p-teal-500: #13A89E;
  --p-teal-300: #6FD3CB;
  --p-teal-100: #DDF5F2;
  --p-purple-700: #4F3391;
  --p-purple-500: #6C4AB6;
  --p-purple-300: #B49CF0;
  --p-purple-100: #EEE8FB;
  --p-coral-700: #B23A2C;
  --p-coral-500: #FF6B5B;
  --p-coral-300: #FFA197;
  --p-coral-100: #FFE9E6;
  --p-light-50: #F5F8FA;
  --p-light-0: #FFFFFF;
  --p-ink-500: #44566F;
  --p-ink-300: #A7B6CA;
  --font-fa: IRANYekanX, Vazirmatn, Tahoma, sans-serif; --font-en: Sora, sans-serif;
  --fs-display: 64px; --lh-display: 1.25; --fw-display: 800;
  --fs-h1: 48px; --lh-h1: 1.3; --fw-h1: 800;
  --fs-h2: 36px; --lh-h2: 1.35; --fw-h2: 700;
  --fs-h3: 24px; --lh-h3: 1.45; --fw-h3: 700;
  --fs-h4: 19px; --lh-h4: 1.5; --fw-h4: 700;
  --fs-body-lg: 18px; --lh-body-lg: 1.9; --fw-body-lg: 400;
  --fs-body: 16px; --lh-body: 1.85; --fw-body: 400;
  --fs-small: 14px; --lh-small: 1.7; --fw-small: 500;
  --fs-caption: 12px; --lh-caption: 1.6; --fw-caption: 600;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;
  --sp-32: 128px;
  --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px;
  --sh-1:0 1px 2px #0B1F3A14; --sh-2:0 8px 24px -6px #0B1F3A1A; --sh-3:0 24px 60px -12px #0B1F3A29;
  --glass-fill:#FFFFFFB8; --glass-border:#FFFFFFE6; --glass-blur:18px;
  --dur-fast:120ms; --dur-base:200ms; --dur-slow:360ms; --ease:cubic-bezier(.2,0,0,1); --ease-emph:cubic-bezier(.3,0,0,1.15);
  --c-bg: #F5F8FA;
  --c-surface: #FFFFFF;
  --c-surface-2: #EAF0F5;
  --c-text: #0B1F3A;
  --c-text-muted: #44566F;
  --c-border: #C4D0DF;
  --c-primary: #0E7C74;
  --c-primary-hover: #0A5F59;
  --c-on-primary: #FFFFFF;
  --c-accent: #6C4AB6;
  --c-on-accent: #FFFFFF;
  --c-reconstructed: #E0483A;
  --c-reconstructed-text: #B23A2C;
  --c-focus: #6C4AB6;
  --c-success: #0A5F59;
  --c-warning-text: #8A5A00;
  --c-danger: #B23A2C;
  color-scheme: light;
}
[data-theme=dark]{
  --c-bg: #06132A;
  --c-surface: #0E2140;
  --c-surface-2: #14305A;
  --c-text: #EEF3F8;
  --c-text-muted: #A7B6CA;
  --c-border: #2A4670;
  --c-primary: #13A89E;
  --c-primary-hover: #6FD3CB;
  --c-on-primary: #06132A;
  --c-accent: #B49CF0;
  --c-on-accent: #06132A;
  --c-reconstructed: #FF6B5B;
  --c-reconstructed-text: #FFA197;
  --c-focus: #B49CF0;
  --c-success: #6FD3CB;
  --c-warning-text: #F2C46B;
  --c-danger: #FFA197;
  --sh-1:0 1px 2px #0006; --sh-2:0 10px 30px -8px #0009; --sh-3:0 30px 70px -14px #000B;
  --glass-fill:#0E2140A6; --glass-border:#B49CF033;
  color-scheme: dark;
}
@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms;--dur-base:0ms;--dur-slow:0ms}}