:root {
  --font-body: "Heebo", sans-serif;
  --font-display: "Heebo", sans-serif;

  --color-bg: #fcfaf5;
  --color-surface: #fffdf9;
  --color-surface-elevated: #f6f1ea;
  --color-fg1: #1f1d1f;
  --color-fg2: #4a454d;
  --color-fg3: #7e7687;

  --color-accent: #b2a6ea;
  --color-accent-hover: #9f90e4;
  --color-purple: #c8bff3;
  --color-purple-deep: #7c6bb8;
  --color-success: #2d9e47;
  --color-error: #d35c63;

  --color-border: rgba(31, 29, 31, 0.08);
  --color-border-strong: rgba(31, 29, 31, 0.14);

  --radius: 18px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-2xl: 32px;
  --radius-full: 999px;

  --shadow-soft: 0 8px 28px rgba(44, 34, 68, 0.06);
  --shadow-medium: 0 16px 40px rgba(44, 34, 68, 0.08);
  --shadow-large: 0 28px 72px rgba(44, 34, 68, 0.12);
  --shadow-accent: 0 12px 30px rgba(178, 166, 234, 0.32);
  --shadow-accent-hover: 0 16px 34px rgba(159, 144, 228, 0.4);
}