/* Generated from tokens.json. Run python3 brand/scripts/build_tokens.py. */
:root {
  --moe-color-brand-primary: #382972;
  --moe-color-brand-secondary: #7030A0;
  --moe-color-brand-teal: #208CAA;
  --moe-color-brand-vivid-purple: #9338FF;
  --moe-color-brand-periwinkle: #757BBB;
  --moe-color-brand-muted-purple: #7358A5;
  --moe-color-brand-cyan: #0DCFDA;
  --moe-color-brand-sky: #2BADDF;
  --moe-color-brand-blue: #1673A4;
  --moe-color-brand-dark-teal: #003944;
  --moe-color-text-primary: var(--moe-color-brand-dark-teal);
  --moe-color-text-secondary: #5B6470;
  --moe-color-text-inverse: #FFFFFF;
  --moe-color-surface: #FFFFFF;
  --moe-color-canvas: #F6F7FA;
  --moe-color-border-subtle: #DDE1E8;
  --moe-color-border-control: #7B8491;
  --moe-color-action-primary: var(--moe-color-brand-primary);
  --moe-color-action-hover: #2A1E56;
  --moe-color-focus: var(--moe-color-brand-primary);
  --moe-color-selected-bg: #F0EDF7;
  --moe-color-success-fg: #16704A;
  --moe-color-success-bg: #EAF6EF;
  --moe-color-info-fg: #135F80;
  --moe-color-info-bg: #EAF4FA;
  --moe-color-warning-fg: #8A4B0F;
  --moe-color-warning-bg: #FFF4E5;
  --moe-color-danger-fg: #B42318;
  --moe-color-danger-bg: #FDEDEA;
  --moe-color-neutral-fg: #5B6470;
  --moe-color-neutral-bg: #EEF0F3;
  --moe-font-family: Tajawal, "MOE Helvetica", "Helvetica Neue W23 for SKY Reg", Tahoma, Arial, sans-serif;
  --moe-font-size-body: 1rem;
  --moe-font-size-small: 0.875rem;
  --moe-font-size-section: 1.25rem;
  --moe-font-size-title: 1.75rem;
  --moe-font-size-stat: 2rem;
  --moe-font-weight-regular: 400;
  --moe-font-weight-bold: 700;
  --moe-font-leading-body: 1.65;
  --moe-font-leading-heading: 1.4;
  --moe-space-1: 4px;
  --moe-space-2: 8px;
  --moe-space-3: 12px;
  --moe-space-4: 16px;
  --moe-space-5: 24px;
  --moe-space-6: 32px;
  --moe-space-7: 48px;
  --moe-radius-control: 8px;
  --moe-radius-card: 12px;
  --moe-radius-badge: 999px;
  --moe-size-control: 44px;
  --moe-size-logo: 120px;
  --moe-size-logo-mobile: 104px;
  --moe-size-sidebar: 248px;
  --moe-shadow-card: 0 2px 8px rgb(0 57 68 / 4%);
}