/* MR Coursat tokens — generated from tokens.json. Light on :root, dark on [data-theme="dark"]. */
:root {
  --font-display: "Alexandria", "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  --font-text: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  --mr-bg: #FAF6EF;
  --mr-surface: #FFFFFF;
  --mr-surface-sunken: #F2ECE2;
  --mr-line: #E3DACB;
  --mr-line-strong: #8A8071;
  --mr-ink: #1E1B16;
  --mr-ink-muted: #5C554A;
  --mr-ink-subtle: #6F6659;
  --mr-primary: #0F5C4E;
  --mr-primary-hover: #0B4A3F;
  --mr-primary-pressed: #083830;
  --mr-primary-soft: #EEF6F3;
  --mr-on-primary: #FFFFFF;
  --mr-accent: #F2B33D;
  --mr-accent-hover: #E09F22;
  --mr-accent-soft: #FCEFD0;
  --mr-on-accent: #1E1B16;
  --mr-clay: #C4623A;
  --mr-clay-ink: #9A4523;
  --mr-clay-soft: #F7E3D8;
  --mr-success: #0B6475;
  --mr-success-soft: #E2F1F4;
  --mr-info: #2B4C9B;
  --mr-info-soft: #E7ECF8;
  --mr-warning: #8A5300;
  --mr-warning-soft: #FCEFD0;
  --mr-danger: #B42318;
  --mr-danger-soft: #FBE9E7;
  --mr-link: #0F5C4E;
  --mr-link-hover: #0B4A3F;
  --mr-focus: #1E1B16;
  --mr-focus-inner: #F2B33D;
  --mr-scrim: #1E1B1699;
  --mr-nile-50: #EEF6F3;
  --mr-nile-100: #D5ECE4;
  --mr-nile-200: #A9D8C8;
  --mr-nile-300: #78C0A9;
  --mr-nile-400: #47A28A;
  --mr-nile-500: #23836D;
  --mr-nile-600: #126C5B;
  --mr-nile-700: #0F5C4E;
  --mr-nile-800: #0B4A3F;
  --mr-nile-900: #083830;
  --mr-nile-950: #05241F;
  --mr-space-1: 4px;
  --mr-space-2: 8px;
  --mr-space-3: 12px;
  --mr-space-4: 16px;
  --mr-space-5: 20px;
  --mr-space-6: 24px;
  --mr-space-8: 32px;
  --mr-space-10: 40px;
  --mr-space-12: 48px;
  --mr-space-16: 64px;
  --mr-space-20: 80px;
  --mr-space-24: 96px;
  --mr-radius-xs: 6px;
  --mr-radius-sm: 10px;
  --mr-radius-md: 16px;
  --mr-radius-lg: 24px;
  --mr-radius-pill: 999px;
  --mr-arch-span: 50%;
  --mr-arch-rise: 34%;
  --mr-arch-rise-full: 50%;
  --mr-shadow-1: 0 1px 2px #1E1B160F, 0 1px 1px #1E1B160A;
  --mr-shadow-2: 0 2px 4px #1E1B160D, 0 8px 20px -4px #1E1B161F;
  --mr-shadow-3: 0 4px 8px #1E1B1614, 0 18px 40px -8px #1E1B1633;
  --mr-focus-ring: 0 0 0 2px #F2B33D, 0 0 0 4px #1E1B16;
  --mr-fs-display: 48px;
  --mr-fs-display-sm: 34px;
  --mr-fs-h1: 40px;
  --mr-fs-h1-sm: 30px;
  --mr-fs-h2: 32px;
  --mr-fs-h2-sm: 26px;
  --mr-fs-h3: 24px;
  --mr-fs-h3-sm: 21px;
  --mr-fs-h4: 20px;
  --mr-fs-lead: 19px;
  --mr-fs-body: 17px;
  --mr-fs-sm: 15px;
  --mr-fs-xs: 13px;
  --mr-lh-ar-heading: 1.7;
  --mr-lh-ar-body: 1.8;
  --mr-lh-en-heading: 1.2;
  --mr-lh-en-body: 1.6;
  --mr-fw-regular: 400;
  --mr-fw-medium: 500;
  --mr-fw-semibold: 600;
  --mr-fw-bold: 700;
  --mr-tracking-ar: 0;
  --mr-tracking-en-display: -0.01em;
  --mr-tracking-en-caps: 0.06em;
  --mr-dur-instant: 80ms;
  --mr-dur-fast: 140ms;
  --mr-dur-base: 220ms;
  --mr-dur-slow: 360ms;
  --mr-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --mr-ease-enter: cubic-bezier(0, 0, 0.2, 1);
  --mr-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --mr-container: 1200px;
  --mr-measure: 68ch;
  --mr-header-h: 72px;
  --mr-control-h: 48px;
  --mr-control-h-sm: 40px;
  --mr-border: 1px;
  --mr-border-strong: 2px;
  --mr-icon: 24px;
  --mr-icon-sm: 20px;
  --mr-z-header: 50;
  --mr-z-menu: 60;
  --mr-z-overlay: 80;
  --mr-opacity-disabled: 0.5;
}
[data-theme="dark"] {
  color-scheme: dark;
  --mr-bg: #0F1513;
  --mr-surface: #17201D;
  --mr-surface-sunken: #0B100E;
  --mr-line: #2A3833;
  --mr-line-strong: #7C8A84;
  --mr-ink: #F3EEE6;
  --mr-ink-muted: #B9B3A8;
  --mr-ink-subtle: #9C968C;
  --mr-primary: #78C0A9;
  --mr-primary-hover: #A9D8C8;
  --mr-primary-pressed: #D5ECE4;
  --mr-primary-soft: #143A32;
  --mr-on-primary: #05241F;
  --mr-accent: #F4BE55;
  --mr-accent-hover: #F7CD78;
  --mr-accent-soft: #3A2E12;
  --mr-clay: #E08A62;
  --mr-clay-ink: #F0A582;
  --mr-clay-soft: #3B2219;
  --mr-success: #6CCAD8;
  --mr-success-soft: #0E3036;
  --mr-info: #A3B9F2;
  --mr-info-soft: #1B2747;
  --mr-warning: #F2C062;
  --mr-warning-soft: #3A2C0D;
  --mr-danger: #FF9A8F;
  --mr-danger-soft: #3F1714;
  --mr-link: #78C0A9;
  --mr-link-hover: #A9D8C8;
  --mr-focus: #F4BE55;
  --mr-focus-inner: #0F1513;
  --mr-scrim: #000000B3;
  --mr-shadow-1: 0 1px 2px #00000066;
  --mr-shadow-2: 0 8px 20px -4px #000000A6;
  --mr-shadow-3: 0 18px 40px -8px #000000CC;
  --mr-focus-ring: 0 0 0 2px #0F1513, 0 0 0 4px #F4BE55;
}