:root {
  --layout-max-width: 1440px;

  /* New Brand Palette */
  --cream: #faf8f4;
  --off-white: #fdf9f4;
  --parchment: #f2ebe0;

  --blush: #deb8a0;
  --rose: #c17a66;
  --deep-rose: #a05a48;

  --deep: #1e1612;
  --mid: #5a4438;
  --muted: #8c6e62;
  --light: #b89888;
  --border: rgba(180, 140, 120, 0.18);

  --serif: 'Playfair Display', Georgia, serif;
  --sans: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Compatibility aliases used across legacy CSS */
  --font-serif: var(--serif);
  --font-sans: var(--sans);

  --primary: var(--rose);
  --secondary: var(--blush);
  --primary-hover: var(--deep-rose);
  --primary-light: rgba(193, 122, 102, 0.14);

  --bg: var(--cream);
  --bg-soft: var(--parchment);
  --surface: var(--off-white);
  --surface-soft: #fffaf3;
  --text: var(--deep);
  --line: var(--border);

  --accent: var(--rose);
  --accent-hover: var(--deep-rose);
  --accent-light: rgba(193, 122, 102, 0.12);

  --gradient-primary: linear-gradient(135deg, var(--rose) 0%, var(--deep-rose) 100%);
  --gradient-accent: linear-gradient(135deg, var(--blush) 0%, var(--rose) 100%);
  --gradient-romantic: linear-gradient(135deg, var(--off-white) 0%, var(--parchment) 45%, var(--blush) 100%);
}