:root {
  --font-base: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --color-background: #2b0415;
  --color-background-accent: #52132a;
  --color-surface: rgba(118, 32, 55, 0.7);
  --color-surface-strong: rgba(143, 46, 70, 0.82);
  --color-surface-soft: rgba(254, 240, 232, 0.92);
  --color-primary: #f7d7bb;
  --color-primary-dark: #d48f8f;
  --color-secondary: #2f6f62;
  --color-secondary-dark: #1d4f43;
  --color-border: rgba(255, 233, 219, 0.32);
  --color-text: #fef6f0;
  --color-muted: rgba(254, 246, 240, 0.7);
  --color-ink: #3d1624;
  --color-ink-muted: rgba(61, 22, 36, 0.72);
  --color-success: #76d2b7;
  --color-danger: #f28b92;
  --shadow-soft: 0 18px 45px rgba(18, 4, 12, 0.4);
  --shadow-card: 0 32px 70px rgba(21, 0, 10, 0.45);
  --radius-large: 28px;
  --radius-medium: 20px;
  --radius-small: 14px;
  --transition-fast: 160ms ease-in;
  --transition-medium: 240ms ease;
  --brand-burgundy: #3d0c1d;
  --brand-cream: #f7d7bb;
  --gold-glow: rgba(255, 207, 141, 0.9);
}

@media (max-width: 720px) {
  :root {
    --radius-large: 20px;
    --radius-medium: 16px;
    --radius-small: 10px;
  }
}