:root {
  --primary-color: #1d4ed8;
  --secondary-color: #0ea5e9;
  --text-color: #0f172a;
  --surface-color: #ffffff;
  --background-color: #f8fafc;
  --muted-color: #64748b;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.5rem;
  --spacing-6: 2rem;
  --spacing-7: 3rem;
  --spacing-8: 4rem;
  --border-radius-sm: 0.5rem;
  --border-radius-md: 0.75rem;
  --border-radius-lg: 1rem;
  --border-radius-xl: 1.5rem;
  --shadow-sm: 0 6px 18px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 12px 30px rgba(15, 23, 42, 0.12);
  --shadow-lg: 0 20px 40px rgba(15, 23, 42, 0.18);
  --font-family-base: "Segoe UI", Arial, sans-serif;
  --container-max-width: 1200px;
}