:root {
  --color-primary: #E87A9A;
  --color-primary-light: #F5B5C8;
  --color-primary-dark: #C45A7A;
  --color-accent: #DE9B73;
  --color-accent-soft: #F3D0B8;
  --color-bg: #FFFBFA;
  --color-bg-soft: #F9E8EE;
  --color-surface: #FFFFFF;
  --color-text: #2C2A29;
  --color-text-muted: #7A6F6C;
  --color-border: #E8DDD8;
  --color-success: #6BAF8D;

  --font-display: "Fraunces", "Songti SC", "STSong", "Noto Serif SC", "SimSun", serif;
  --font-body: "DM Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;

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

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 128px;

  --shadow-soft: 0 18px 50px rgba(44, 42, 41, 0.08);
  --header-h: 88px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --container: 1180px;
}

@media (max-width: 768px) {
  :root {
    --header-h: 72px;
  }
}