:root {
  color-scheme: light;

  /* United Academy brand palette */
  --ua-navy-950: #050b16;
  --ua-navy-900: #08111f;
  --ua-navy-850: #0c1729;
  --ua-navy-800: #112039;
  --ua-navy-700: #1b3153;
  --ua-gold-700: #875c16;
  --ua-gold-600: #be8d3e;
  --ua-gold-500: #deb86f;
  --ua-gold-400: #f0d28f;
  --ua-gold-300: #f7e2b4;
  --ua-blue-600: #3556d8;
  --ua-blue-100: #e9eeff;
  --ua-paper: #f6f8fc;
  --ua-surface: #ffffff;
  --ua-surface-soft: #eef2f9;
  --ua-ink: #101a2e;
  --ua-text: #263550;
  --ua-muted: #5d6b82;
  --ua-line: #dfe6f1;
  --ua-success: #13996d;
  --ua-danger: #c9414f;

  /* Typography: same Academy type family, with premium weight hierarchy */
  --ua-font-ar: "Cairo", "Tahoma", sans-serif;
  --ua-font-latin: "Inter", "Segoe UI", sans-serif;
  --ua-font-body: var(--ua-font-ar);
  --ua-font-heading: var(--ua-font-ar);
  --ua-text-xs: 0.75rem;
  --ua-text-sm: 0.875rem;
  --ua-text-md: 1rem;
  --ua-text-lg: 1.125rem;
  --ua-text-xl: 1.375rem;
  --ua-text-2xl: clamp(1.75rem, 3vw, 2.5rem);
  --ua-text-display: clamp(2.35rem, 5vw, 4.75rem);
  --ua-leading-body: 1.9;
  --ua-leading-heading: 1.35;

  /* Layout and rhythm */
  --ua-container: 82rem;
  --ua-space-1: 0.25rem;
  --ua-space-2: 0.5rem;
  --ua-space-3: 0.75rem;
  --ua-space-4: 1rem;
  --ua-space-5: 1.25rem;
  --ua-space-6: 1.5rem;
  --ua-space-8: 2rem;
  --ua-space-10: 2.5rem;
  --ua-space-12: 3rem;
  --ua-space-16: 4rem;
  --ua-space-20: 5rem;

  /* Shape, depth, and motion */
  --ua-radius-sm: 0.625rem;
  --ua-radius-md: 0.875rem;
  --ua-radius-lg: 1.25rem;
  --ua-radius-xl: 1.75rem;
  --ua-radius-pill: 999px;
  --ua-shadow-sm: 0 8px 24px rgb(9 24 49 / 7%);
  --ua-shadow-md: 0 18px 50px rgb(9 24 49 / 11%);
  --ua-shadow-dark: 0 28px 80px rgb(0 0 0 / 30%);
  --ua-focus: 0 0 0 4px rgb(240 210 143 / 34%);
  --ua-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ua-fast: 160ms;
  --ua-normal: 260ms;
  --ua-header-height: 5rem;
}

@media (max-width: 48rem) {
  :root {
    --ua-header-height: 4.5rem;
    --ua-text-display: clamp(2rem, 10vw, 3rem);
    --ua-text-2xl: clamp(1.55rem, 7vw, 2rem);
  }
}