/* GENERATED — do not edit. Source: design-tokens/tokens.json */
:root {
  --color-brand-primary: #2058A5;
  --color-brand-secondary: #147D84;
  --color-brand-accent: #9A6E00;
  --color-neutral-white: #FFFFFF;
  --color-neutral-surface: #F7F9FC;
  --color-neutral-text: #202B3A;
  --color-neutral-muted: #5F6E85;
  --color-semantic-success: #167347;
  --color-semantic-warning: #A35A00;
  --color-semantic-danger: #B52A32;
  --color-semantic-info: #2058A5;
  --color-palette-blue-50: #EEF4FC;
  --color-palette-blue-100: #D9E6F8;
  --color-palette-blue-200: #B3CCF0;
  --color-palette-blue-300: #7FA8E3;
  --color-palette-blue-400: #4A82D0;
  --color-palette-blue-500: #2A69BE;
  --color-palette-blue-600: #2058A5;
  --color-palette-blue-700: #1A478A;
  --color-palette-blue-800: #14376B;
  --color-palette-blue-900: #0E2749;
  --color-palette-teal-50: #E8F5F6;
  --color-palette-teal-100: #C9E9EB;
  --color-palette-teal-200: #93D2D6;
  --color-palette-teal-300: #8FD9DD;
  --color-palette-teal-500: #199399;
  --color-palette-teal-600: #147D84;
  --color-palette-teal-700: #0F646A;
  --color-palette-teal-800: #0B4C51;
  --color-palette-gold-50: #FFF8E6;
  --color-palette-gold-100: #FDEBB8;
  --color-palette-gold-300: #F2CC6B;
  --color-palette-gold-500: #C08A0D;
  --color-palette-gold-600: #9A6E00;
  --color-palette-gold-700: #7A5700;
  --color-palette-slate-0: #FFFFFF;
  --color-palette-slate-50: #F7F9FC;
  --color-palette-slate-100: #EEF2F7;
  --color-palette-slate-200: #E1E7EF;
  --color-palette-slate-300: #C9D2DE;
  --color-palette-slate-350: #9DAABC;
  --color-palette-slate-400: #8494A8;
  --color-palette-slate-500: #5F6E85;
  --color-palette-slate-600: #4B5A70;
  --color-palette-slate-700: #384354;
  --color-palette-slate-800: #202B3A;
  --color-palette-slate-850: #1A2333;
  --color-palette-slate-900: #121A26;
  --color-palette-slate-950: #0F1520;
  --color-palette-green-50: #E6F4EC;
  --color-palette-green-100: #C3E6D1;
  --color-palette-green-300: #7FD1A7;
  --color-palette-green-600: #167347;
  --color-palette-green-700: #115A38;
  --color-palette-amber-50: #FFF4E5;
  --color-palette-amber-100: #FFE2B8;
  --color-palette-amber-300: #F5C27A;
  --color-palette-amber-600: #A35A00;
  --color-palette-amber-700: #824700;
  --color-palette-red-50: #FCEBEC;
  --color-palette-red-100: #F7CDD0;
  --color-palette-red-300: #F2A0A5;
  --color-palette-red-600: #B52A32;
  --color-palette-red-700: #932128;
  --color-role-bg-canvas: #F5F8FC;
  --color-role-bg-surface: #FFFFFF;
  --color-role-bg-subtle: #EEF2F7;
  --color-role-bg-tray: #EDF3FA;
  --color-role-bg-inverse: #121A26;
  --color-role-bg-brand: #2058A5;
  --color-role-bg-brand-hover: #1A478A;
  --color-role-bg-brand-subtle: #EEF4FC;
  --color-role-bg-brand-deep: #0E2749;
  --color-role-bg-accent-subtle: #FFF8E6;
  --color-role-bg-success-subtle: #E6F4EC;
  --color-role-bg-warning-subtle: #FFF4E5;
  --color-role-bg-danger-subtle: #FCEBEC;
  --color-role-text-primary: #202B3A;
  --color-role-text-secondary: #4B5A70;
  --color-role-text-muted: #5F6E85;
  --color-role-text-inverse: #FFFFFF;
  --color-role-text-on-brand: #FFFFFF;
  --color-role-text-brand: #2058A5;
  --color-role-text-brand-strong: #14376B;
  --color-role-text-accent: #7A5700;
  --color-role-text-success: #115A38;
  --color-role-text-warning: #824700;
  --color-role-text-danger: #932128;
  --color-role-border-subtle: #E1E7EF;
  --color-role-border-default: #C9D2DE;
  --color-role-border-strong: #8494A8;
  --color-role-border-brand: #2058A5;
  --color-role-border-danger: #B52A32;
  --color-role-focus-ring: #4A82D0;
  --color-role-focus-halo: #FFFFFF;
  --color-role-progress-track: #E1E7EF;
  --color-role-progress-fill: #2058A5;
  --color-role-progress-complete: #167347;
  --color-role-glass-fill-subtle: #FFFFFFB8;
  --color-role-glass-fill-regular: #FFFFFFD1;
  --color-role-glass-fill-strong: #FFFFFFE6;
  --color-role-glass-fill-brand-deep: #0E2749D9;
  --color-role-glass-fill-teal: #E8F5F6D9;
  --color-role-glass-fill-inverse: #121A26EB;
  --color-role-glass-highlight: #FFFFFFB3;
  --color-role-glass-edge: #14376B1F;
  --color-role-glass-tint: #2058A50D;
  --color-role-aurora-blob1: #4A82D038;
  --color-role-aurora-blob2: #19939929;
  --color-role-aurora-blob3: #C08A0D1A;
  --color-role-aurora-worst-case: #B4D3E4;
  --color-dark-bg-canvas: #101827;
  --color-dark-bg-surface: #1A2535;
  --color-dark-bg-subtle: #222D3F;
  --color-dark-bg-tray: #151E2C;
  --color-dark-bg-inverse: #F7F9FC;
  --color-dark-bg-brand: #2A69BE;
  --color-dark-bg-brand-hover: #4A82D0;
  --color-dark-bg-brand-subtle: #1B3358;
  --color-dark-bg-brand-deep: #0B1C36;
  --color-dark-bg-accent-subtle: #3A2E0F;
  --color-dark-bg-success-subtle: #0F3324;
  --color-dark-bg-warning-subtle: #3D2A0B;
  --color-dark-bg-danger-subtle: #3F1A1D;
  --color-dark-text-primary: #F1F5F9;
  --color-dark-text-secondary: #C5CFDB;
  --color-dark-text-muted: #9DAABC;
  --color-dark-text-inverse: #121A26;
  --color-dark-text-on-brand: #FFFFFF;
  --color-dark-text-brand: #8FB4EA;
  --color-dark-text-brand-strong: #B3CCF0;
  --color-dark-text-accent: #F2CC6B;
  --color-dark-text-success: #7FD1A7;
  --color-dark-text-warning: #F5C27A;
  --color-dark-text-danger: #F2A0A5;
  --color-dark-text-tutor: #8FD9DD;
  --color-dark-border-subtle: #FFFFFF14;
  --color-dark-border-default: #FFFFFF24;
  --color-dark-border-strong: #8494A8;
  --color-dark-border-brand: #8FB4EA;
  --color-dark-border-danger: #F2A0A5;
  --color-dark-focus-ring: #8FB4EA;
  --color-dark-focus-halo: #0F1520;
  --color-dark-progress-track: #2B3648;
  --color-dark-progress-fill: #8FB4EA;
  --color-dark-progress-complete: #7FD1A7;
  --color-dark-glass-fill-subtle: #121A26A8;
  --color-dark-glass-fill-regular: #121A26CC;
  --color-dark-glass-fill-strong: #121A26E6;
  --color-dark-glass-fill-brand-deep: #0B1C36E6;
  --color-dark-glass-fill-teal: #0B4C5199;
  --color-dark-glass-fill-inverse: #F7F9FCF2;
  --color-dark-glass-highlight: #FFFFFF14;
  --color-dark-glass-edge: #FFFFFF1A;
  --color-dark-glass-tint: #2A69BE14;
  --color-dark-aurora-blob1: #2A69BE33;
  --color-dark-aurora-blob2: #19939924;
  --color-dark-aurora-blob3: #C08A0D12;
  --color-dark-aurora-worst-case: #15354C;
  --typography-family-arabic: "Readex Pro";
  --typography-family-latin: "Plus Jakarta Sans";
  --typography-family-display: "Alexandria";
  --typography-family-reading: "Noto Naskh Arabic";
  --typography-family-arabic-fallback: "IBM Plex Sans Arabic";
  --typography-family-fallback: system-ui, sans-serif;
  --typography-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --typography-weight-regular: 400;
  --typography-weight-medium: 500;
  --typography-weight-semibold: 600;
  --typography-weight-display: 500;
  --typography-weight-bold: 700;
  --typography-size-xs: 0.75rem;
  --typography-size-sm: 0.875rem;
  --typography-size-base: 1rem;
  --typography-size-base-mobile-arabic: 1.0625rem;
  --typography-size-md: 1.125rem;
  --typography-size-reading: 1.1875rem;
  --typography-size-lg: 1.25rem;
  --typography-size-xl: 1.5rem;
  --typography-size-2xl: 1.875rem;
  --typography-size-3xl: 2.5rem;
  --typography-size-display: 3.5rem;
  --typography-line-height-body: 1.7;
  --typography-line-height-body-latin: 1.55;
  --typography-line-height-reading: 1.85;
  --typography-line-height-heading: 1.4;
  --typography-line-height-heading-latin: 1.25;
  --typography-line-height-display: 1.3;
  --typography-line-height-display-latin: 1.15;
  --typography-line-height-tight: 1.25;
  --typography-letter-spacing-arabic: 0em;
  --typography-letter-spacing-latin-display: -0.02em;
  --typography-letter-spacing-latin-heading: -0.01em;
  --typography-letter-spacing-latin-caps: 0.02em;
  --spacing-0: 0rem;
  --spacing-px: 1px;
  --spacing-2xs: 0.125rem;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;
  --spacing-gutter: 2rem;
  --spacing-card-pad: 1.75rem;
  --spacing-stack: 0.75rem;
  --spacing-touch: 2.75rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.625rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-pill: 9999px;
  --shadow-card: 0px 1px 3px 0px #14376B12;
  --shadow-raised: 0px 6px 20px -4px #14376B1F;
  --shadow-overlay: 0px 20px 48px -12px #0E274940;
  --shadow-glass: 0px 8px 32px -8px #14376B1A;
  --shadow-glass-raised: 0px 14px 40px -10px #14376B2E;
  --shadow-glass-inset: inset 0px 1px 0px 0px #FFFFFFB3;
  --glass-blur-subtle: 12px;
  --glass-blur-regular: 20px;
  --glass-blur-strong: 28px;
  --glass-saturate-subtle: 1.4;
  --glass-saturate-regular: 1.6;
  --glass-saturate-strong: 1.8;
  --glass-noise-opacity: 0.035;
  --glass-noise-size: 180px;
  --glass-budget-max-layers-desktop: 2;
  --glass-budget-max-layers-mobile: 1;
  --motion-duration-instant: 80ms;
  --motion-duration-fast: 160ms;
  --motion-duration-base: 240ms;
  --motion-duration-slow: 480ms;
  --motion-duration-reveal: 640ms;
  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --motion-easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --motion-press-scale: 0.98;
  --motion-reduced-duration: 0ms;
  --size-header: 4rem;
  --size-bottom-bar: 3.5rem;
  --size-sidebar: 16.5rem;
  --size-tutor-panel: 24rem;
  --size-content-max: 80rem;
  --size-reading-max: 46rem;
  --size-control: 2.75rem;
  --size-control-sm: 2.25rem;
  --size-ring: 3.5rem;
  --z-index-aurora: -1;
  --z-index-sticky: 20;
  --z-index-drawer: 40;
  --z-index-dialog: 50;
  --z-index-toast: 60;
  --breakpoint-sm: 40rem;
  --breakpoint-md: 48rem;
  --breakpoint-lg: 64rem;
  --breakpoint-xl: 80rem;
  --color-primary: var(--color-brand-primary);
  --color-secondary: var(--color-brand-secondary);
  --font-company: "Readex Pro", "Plus Jakarta Sans", system-ui, sans-serif;
  --font-latin: "Plus Jakarta Sans", system-ui, sans-serif;
}
html[lang="en"] {
  --typography-line-height-body: var(--typography-line-height-body-latin);
  --typography-line-height-heading: var(--typography-line-height-heading-latin);
  --typography-line-height-display: var(--typography-line-height-display-latin);
  --font-company: "Plus Jakarta Sans", "Readex Pro", system-ui, sans-serif;
}
html[data-theme="dark"] {
  --color-role-bg-canvas: var(--color-dark-bg-canvas);
  --color-role-bg-surface: var(--color-dark-bg-surface);
  --color-role-bg-subtle: var(--color-dark-bg-subtle);
  --color-role-bg-tray: var(--color-dark-bg-tray);
  --color-role-bg-inverse: var(--color-dark-bg-inverse);
  --color-role-bg-brand: var(--color-dark-bg-brand);
  --color-role-bg-brand-hover: var(--color-dark-bg-brand-hover);
  --color-role-bg-brand-subtle: var(--color-dark-bg-brand-subtle);
  --color-role-bg-brand-deep: var(--color-dark-bg-brand-deep);
  --color-role-bg-accent-subtle: var(--color-dark-bg-accent-subtle);
  --color-role-bg-success-subtle: var(--color-dark-bg-success-subtle);
  --color-role-bg-warning-subtle: var(--color-dark-bg-warning-subtle);
  --color-role-bg-danger-subtle: var(--color-dark-bg-danger-subtle);
  --color-role-text-primary: var(--color-dark-text-primary);
  --color-role-text-secondary: var(--color-dark-text-secondary);
  --color-role-text-muted: var(--color-dark-text-muted);
  --color-role-text-inverse: var(--color-dark-text-inverse);
  --color-role-text-on-brand: var(--color-dark-text-on-brand);
  --color-role-text-brand: var(--color-dark-text-brand);
  --color-role-text-brand-strong: var(--color-dark-text-brand-strong);
  --color-role-text-accent: var(--color-dark-text-accent);
  --color-role-text-success: var(--color-dark-text-success);
  --color-role-text-warning: var(--color-dark-text-warning);
  --color-role-text-danger: var(--color-dark-text-danger);
  --color-role-text-tutor: var(--color-dark-text-tutor);
  --color-role-border-subtle: var(--color-dark-border-subtle);
  --color-role-border-default: var(--color-dark-border-default);
  --color-role-border-strong: var(--color-dark-border-strong);
  --color-role-border-brand: var(--color-dark-border-brand);
  --color-role-border-danger: var(--color-dark-border-danger);
  --color-role-focus-ring: var(--color-dark-focus-ring);
  --color-role-focus-halo: var(--color-dark-focus-halo);
  --color-role-progress-track: var(--color-dark-progress-track);
  --color-role-progress-fill: var(--color-dark-progress-fill);
  --color-role-progress-complete: var(--color-dark-progress-complete);
  --color-role-glass-fill-subtle: var(--color-dark-glass-fill-subtle);
  --color-role-glass-fill-regular: var(--color-dark-glass-fill-regular);
  --color-role-glass-fill-strong: var(--color-dark-glass-fill-strong);
  --color-role-glass-fill-brand-deep: var(--color-dark-glass-fill-brand-deep);
  --color-role-glass-fill-teal: var(--color-dark-glass-fill-teal);
  --color-role-glass-fill-inverse: var(--color-dark-glass-fill-inverse);
  --color-role-glass-highlight: var(--color-dark-glass-highlight);
  --color-role-glass-edge: var(--color-dark-glass-edge);
  --color-role-glass-tint: var(--color-dark-glass-tint);
  --color-role-aurora-blob1: var(--color-dark-aurora-blob1);
  --color-role-aurora-blob2: var(--color-dark-aurora-blob2);
  --color-role-aurora-blob3: var(--color-dark-aurora-blob3);
  --color-role-aurora-worst-case: var(--color-dark-aurora-worst-case);
}