/* MFC tokens. Phone values first, laptop from 840 px. Set data-theme on <html>. */
:root {
  color-scheme: light;
  --mfc-bg: #FFFFFF;
  --mfc-surface: #F4F4F5;
  --mfc-surface-2: #EAEAEC;
  --mfc-fg: #0E0F11;
  --mfc-text: #65676B;
  --mfc-border: #8C8C8C;
  --mfc-line: #E6E6E8;
  --mfc-accent: #011E53;
  --mfc-on-accent: #FFFFFF;
  --mfc-error: #B42318;
  --mfc-success: #0F6B3E;
  --mfc-navy-50: #F2F5FB;
  --mfc-navy-100: #E2E8F3;
  --mfc-navy-200: #C7D2E3;
  --mfc-navy-300: #A2B2CC;
  --mfc-navy-400: #788DB0;
  --mfc-navy-500: #516993;
  --mfc-navy-600: #314D7B;
  --mfc-navy-700: #193668;
  --mfc-navy-800: #011E53;
  --mfc-space-4: 4px;
  --mfc-space-8: 8px;
  --mfc-space-12: 12px;
  --mfc-space-16: 16px;
  --mfc-space-24: 24px;
  --mfc-space-32: 32px;
  --mfc-space-40: 40px;
  --mfc-space-48: 48px;
  --mfc-space-64: 64px;
  --mfc-space-80: 80px;
  --mfc-space-120: 120px;
  --mfc-display-size: 44px;
  --mfc-display-line: 48px;
  --mfc-h1-size: 36px;
  --mfc-h1-line: 40px;
  --mfc-h2-size: 28px;
  --mfc-h2-line: 32px;
  --mfc-h3-size: 22px;
  --mfc-h3-line: 28px;
  --mfc-h4-size: 18px;
  --mfc-h4-line: 24px;
  --mfc-lead-size: 16px;
  --mfc-lead-line: 24px;
  --mfc-body-size: 16px;
  --mfc-body-line: 24px;
  --mfc-small-size: 14px;
  --mfc-small-line: 20px;
  --mfc-label-size: 14px;
  --mfc-label-line: 20px;
  --mfc-button-size: 15px;
  --mfc-button-line: 20px;
  --mfc-caption-size: 12px;
  --mfc-caption-line: 16px;
  --mfc-ar-display-size: 44px;
  --mfc-ar-display-line: 56px;
  --mfc-ar-h1-size: 36px;
  --mfc-ar-h1-line: 48px;
  --mfc-ar-h2-size: 28px;
  --mfc-ar-h2-line: 36px;
  --mfc-ar-h3-size: 22px;
  --mfc-ar-h3-line: 32px;
  --mfc-ar-h4-size: 18px;
  --mfc-ar-h4-line: 28px;
  --mfc-ar-lead-size: 16px;
  --mfc-ar-lead-line: 28px;
  --mfc-ar-body-size: 16px;
  --mfc-ar-body-line: 28px;
  --mfc-ar-small-size: 14px;
  --mfc-ar-small-line: 24px;
  --mfc-ar-label-size: 14px;
  --mfc-ar-label-line: 20px;
  --mfc-ar-button-size: 15px;
  --mfc-ar-button-line: 20px;
  --mfc-ar-caption-size: 12px;
  --mfc-ar-caption-line: 20px;
  --mfc-font-ar: 'Thmanyah Sans', system-ui, sans-serif;
  --mfc-radius: 0;
  --mfc-margin: 16px;
  --mfc-gutter: 16px;
  --mfc-section: 64px;
  --mfc-header: 56px;
  --mfc-button: 44px;
  --mfc-font: 'Google Sans Flex', system-ui, sans-serif;
}
@media (min-width: 840px) {
  :root {
    --mfc-display-size: 72px;
    --mfc-display-line: 76px;
    --mfc-h1-size: 56px;
    --mfc-h1-line: 60px;
    --mfc-h2-size: 40px;
    --mfc-h2-line: 44px;
    --mfc-h3-size: 28px;
    --mfc-h3-line: 36px;
    --mfc-h4-size: 20px;
    --mfc-h4-line: 28px;
    --mfc-lead-size: 18px;
    --mfc-lead-line: 28px;
    --mfc-body-size: 16px;
    --mfc-body-line: 24px;
    --mfc-small-size: 14px;
    --mfc-small-line: 20px;
    --mfc-label-size: 14px;
    --mfc-label-line: 20px;
    --mfc-button-size: 14px;
    --mfc-button-line: 20px;
    --mfc-caption-size: 12px;
    --mfc-caption-line: 16px;
    --mfc-ar-display-size: 72px;
    --mfc-ar-display-line: 88px;
    --mfc-ar-h1-size: 56px;
    --mfc-ar-h1-line: 72px;
    --mfc-ar-h2-size: 40px;
    --mfc-ar-h2-line: 52px;
    --mfc-ar-h3-size: 28px;
    --mfc-ar-h3-line: 40px;
    --mfc-ar-h4-size: 20px;
    --mfc-ar-h4-line: 32px;
    --mfc-ar-lead-size: 18px;
    --mfc-ar-lead-line: 32px;
    --mfc-ar-body-size: 16px;
    --mfc-ar-body-line: 28px;
    --mfc-ar-small-size: 14px;
    --mfc-ar-small-line: 24px;
    --mfc-ar-label-size: 14px;
    --mfc-ar-label-line: 20px;
    --mfc-ar-button-size: 14px;
    --mfc-ar-button-line: 20px;
    --mfc-ar-caption-size: 12px;
    --mfc-ar-caption-line: 20px;
    --mfc-margin: 48px;
    --mfc-gutter: 32px;
    --mfc-section: 120px;
    --mfc-header: 72px;
    --mfc-button: 40px;
    --mfc-page: 1216px;
    --mfc-content: 1120px;
  }
}
[data-theme="dark"] {
  color-scheme: dark;
  --mfc-bg: #000000;
  --mfc-surface: #15171A;
  --mfc-surface-2: #22242A;
  --mfc-fg: #FFFFFF;
  --mfc-text: #A6A8AD;
  --mfc-border: #75787E;
  --mfc-line: #26282C;
  --mfc-accent: #FFFFFF;
  --mfc-on-accent: #011E53;
  --mfc-error: #FF8A7A;
  --mfc-success: #5FD39A;
}