:root {
    --c-brand: #303a8f;
  --c-brand-deep: #232b73;
  --c-brand-photo: #3d52ab;
  --c-sky: #57a9e8;
  --c-pink: #d943c5;
  --c-green: #27a447;
  --c-orange: #e89418;

    --c-v1: #e89418;
  --c-v2: #303a8f;
  --c-v3: #d6246e;
  --c-v4: #27a447;
  --c-v5: #6b3fa0;

  --c-ink: #1b2050;
  --c-text: #3c4268;
  --c-muted: #6f7598;
  --c-line: #e3e6f3;
  --c-surface: #ffffff;
  --c-soft: #f3f5fc;
  --c-on-brand: #ffffff;
  --c-on-brand-muted: rgba(255, 255, 255, 0.78);
  --c-glass: rgba(35, 43, 115, 0.28);
  --c-glass-strong: rgba(35, 43, 115, 0.78);
  --c-glass-line: rgba(255, 255, 255, 0.14);

  --font-head: "Nunito", "Arial Rounded MT Bold", system-ui, sans-serif;
  --font-body: "Manrope", "Segoe UI", Arial, sans-serif;

  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-md: 1.0625rem;
  --fs-lg: 1.25rem;
  --fs-xl: clamp(1.75rem, 1.2rem + 2vw, 2.5rem);
  --fs-hero: clamp(2.25rem, 1.4rem + 3.6vw, 4rem);

  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: clamp(4rem, 3rem + 4vw, 6.5rem);

  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  --shadow-card: 0 10px 30px -12px rgba(35, 43, 115, 0.22);
  --shadow-box: 0 30px 40px -24px rgba(10, 14, 50, 0.55);

  --container: 1200px;
  --header-h: 72px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}