:root {
  --font-sans: 'Inter', sans-serif;
  --font-script: 'Marck Script', cursive;

  --color-bg: #fbf7f8;
  --color-bg-soft: #fffdfd;
  --color-surface: rgba(255, 255, 255, 0.94);
  --color-surface-solid: #ffffff;
  --color-surface-soft: rgba(255, 248, 251, 0.96);
  --color-surface-muted: rgba(255, 251, 253, 0.96);
  --color-text: #1d1b1f;
  --color-text-strong: #241f24;
  --color-text-muted: #6c6670;
  --color-text-soft: #8a818b;
  --color-border: rgba(234, 223, 229, 0.9);
  --color-border-strong: #e6d6df;
  --color-border-accent: rgba(219, 39, 119, 0.18);
  --color-accent: #db2777;
  --color-accent-strong: #c2186a;
  --color-accent-soft: rgba(255, 241, 247, 0.96);
  --color-gold: #d9a441;
  --color-blue: #3d74c5;
  --color-green: #1f9d57;
  --color-danger: #c63f62;

  --shadow-soft: 0 20px 60px rgba(62, 35, 48, 0.08);
  --shadow-card: 0 14px 32px rgba(52, 33, 44, 0.06);
  --shadow-button: 0 18px 36px rgba(219, 39, 119, 0.28);
  --shadow-button-hover: 0 22px 42px rgba(219, 39, 119, 0.34);

  --radius-xs: 14px;
  --radius-sm: 16px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 28px;
  --radius-2xl: 32px;
  --radius-pill: 999px;

  --container-width: 1180px;
  --container-padding: 24px;

  --transition-fast: 0.2s ease;
  --transition-ui: 0.22s ease;
}