:root {
  --font-family-base: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
  --font-size-100: 0.8125rem;
  --font-size-200: 0.9375rem;
  --font-size-300: 1rem;
  --font-size-400: 1.125rem;
  --font-size-500: 1.375rem;
  --font-size-600: 1.75rem;

  --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;

  --radius-1: 0.375rem;
  --radius-2: 0.5rem;
  --radius-3: 0.75rem;

  --color-bg: #fffaf5;
  --color-surface: #ffffff;
  --color-surface-soft: #fff2e8;
  --color-text: #222222;
  --color-text-soft: #5c5a59;
  --color-primary: #d75a7c;
  --color-primary-strong: #bc3f63;
  --color-secondary: #4a7cc2;
  --color-success: #3d9662;
  --color-border: #e7dcd2;
  --color-shadow: rgba(20, 18, 14, 0.08);

  --shadow-1: 0 4px 14px var(--color-shadow);
  --shadow-2: 0 8px 24px var(--color-shadow);

  --max-content-width: 56rem;
}