:root {
  --color-bg: #fff8fb;
  --color-bg-soft: #fff0f6;
  --color-bg-warm: #fffdf9;
  --color-card: rgba(255, 255, 255, 0.82);
  --color-card-strong: #ffffff;
  --color-primary: #df7faa;
  --color-primary-hover: #c45d91;
  --color-accent: #f0a4c3;
  --color-text: #5c4b55;
  --color-muted: #8f7482;
  --color-border: rgba(223, 127, 170, 0.18);
  --color-border-strong: rgba(223, 127, 170, 0.32);
  --radius-card: 24px;
  --radius-panel: 18px;
  --radius-pill: 999px;
  --shadow-card: 0 18px 48px rgba(158, 77, 118, 0.09);
  --shadow-soft: 0 10px 28px rgba(158, 77, 118, 0.07);
  --shadow-hover: 0 18px 42px rgba(158, 77, 118, 0.11);
  --weight-title: 725;
  --weight-brand: 775;
  --weight-nav: 625;
  --weight-button: 675;
  --motion-gentle: 0.26s;
  --site-max-width: 1120px;
  --site-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body.site-theme {
  margin: 0;
  min-height: 100vh;
  color: var(--color-text);
  background:
    linear-gradient(135deg, rgba(255, 240, 246, 0.94) 0%, rgba(255, 253, 249, 0.98) 48%, rgba(255, 246, 250, 0.94) 100%);
  background-attachment: fixed;
  font-family: var(--site-font);
  -webkit-font-smoothing: antialiased;
}

body.site-theme a {
  color: inherit;
}

body.site-theme :focus-visible {
  outline: 3px solid rgba(196, 93, 145, 0.5);
  outline-offset: 3px;
}

body.site-theme button,
body.site-theme input,
body.site-theme textarea,
body.site-theme select {
  font-family: inherit;
}