:root {
  --font-primary: "Segoe UI", "Trebuchet MS", "Helvetica Neue", Arial, sans-serif;

  --color-bg: #f3edf8;
  --color-bg-soft: #efe5f5;
  --color-surface: #ffffff;
  --color-surface-strong: #f8f4fb;
  --color-text: #342e44;
  --color-text-muted: #7c7491;
  --color-border: #e6dff0;

  --color-accent: #4d86f3;
  --color-accent-2: #7ca8ff;
  --color-accent-strong: #3f72d7;

  --shadow-soft: 0 20px 45px rgba(74, 52, 112, 0.12);
  --shadow-card: 0 12px 28px rgba(64, 41, 97, 0.1);

  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;

  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
}