:root {
  --color-primary: #ce8f8a;
  --color-primary-dark: #b77772;
  --color-bg: #ffffff;
  --color-bg-soft: #f9f7f6;
  --color-bg-muted: #f2eceb;
  --color-text: #2d2d2d;
  --color-text-muted: #707070;
  --color-border: rgba(45, 45, 45, 0.1);
  --color-card-shadow: 0 10px 30px rgba(45, 45, 45, 0.06);
  --color-card-shadow-hover: 0 16px 36px rgba(45, 45, 45, 0.1);

  --gradient-primary: linear-gradient(
    135deg,
    rgba(206, 143, 138, 0.18),
    rgba(206, 143, 138, 0.05)
  );
  --gradient-hero: radial-gradient(circle at 20% 15%, #f2eceb 0%, #ffffff 60%);

  --font-family-main: "Inter", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;

  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 30px;
  --radius-pill: 999px;

  --space-2xs: 0.35rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6rem;

  --container: 1200px;
  --nav-height: 78px;

  --transition-fast: 180ms ease;
  --transition-base: 280ms ease;
  --transition-slow: 500ms ease;
}