:root {
  --color-primary: #4d0a81;
  --color-primary-dark: #35065b;
  --color-primary-light: #white;
  --color-secondary: #143d8c;
  --color-secondary-dark: #0d2b66;
  --color-secondary-light: #1e5ab5;
  --color-accent: #1a9aef;
  --color-background: #ffffff;
  --color-background-soft: #f8f6fc;
  --color-background-lavender: #ede7f5;
  --color-text: #172554;
  --color-text-muted: #64748b;
  --color-text-light: #94a3b8;
  --color-border: #e2e8f0;
  --color-border-strong: #b9c2d0;
  --color-danger: #b42318;
  --color-danger-background: #fff4f2;
  --color-danger-text: #7a271a;
  --color-success: #25d366;

  --font-family-sans: "Segoe UI", Arial, sans-serif;
  --font-size-display: 3.5rem;
  --font-size-h1: 3rem;
  --font-size-h2: 2.25rem;
  --font-size-h3: 1.5rem;
  --font-size-h4: 1.25rem;
  --font-size-body: 1rem;
  --font-size-small: 0.875rem;
  --font-size-navigation: 0.9375rem;
  --font-size-button: 0.9375rem;
  --font-size-label: 0.8125rem;

  --line-height-tight: 1.2;
  --line-height-heading: 1.3;
  --line-height-body: 1.6;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  --container-max-width: 75rem;
  --container-padding: var(--space-4);

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px rgb(23 37 84 / 0.06);
  --shadow-md: 0 8px 24px rgb(23 37 84 / 0.08);
  --shadow-lg: 0 16px 40px rgb(23 37 84 / 0.1);

  --transition-base: 160ms ease;

  --color-primary-purple: var(--color-primary);
  --color-primary-purple-dark: var(--color-primary-dark);
  --color-primary-purple-light: var(--color-primary-light);
  --color-secondary-blue: var(--color-secondary);
  --color-secondary-blue-dark: var(--color-secondary-dark);
  --color-secondary-blue-light: var(--color-secondary-light);
  --color-accent-blue: var(--color-accent);
  --color-white: var(--color-background);
  --color-soft-background: var(--color-background-soft);
  --color-lavender: var(--color-background-lavender);
  --color-dark-text: var(--color-text);
  --color-muted-text: var(--color-text-muted);
  --color-light-text: var(--color-text-light);
  --color-whatsapp-green: var(--color-success);
}