/* ============================================
   Design Tokens — Tejal Desae
   (Inspired by thejamiesea.com - Soft Luxury)
   ============================================ */

:root {
  /* Bold Lux Palette (from image) */
  --blush: #F9EDF0;
  --blush-rgb: 249, 237, 240;

  --champagne: #E6C8B7;
  --champagne-rgb: 230, 200, 183;

  --cognac: #C3955B;
  --cognac-rgb: 195, 149, 91;

  --amber: #BA6A36;
  --amber-rgb: 186, 106, 54;

  --emerald: #1C3934;
  --emerald-rgb: 28, 57, 52;

  --espresso: #261311;
  --espresso-rgb: 38, 19, 17;

  /* Neutrals (Bold Lux Pivot) */
  --bg-primary: var(--blush);
  --bg-primary-rgb: var(--blush-rgb);
  --bg-secondary: var(--champagne);
  --bg-accent: var(--emerald);

  --text-main: var(--espresso);
  --text-muted: #5A4A48;
  /* Espresso Tint */
  --text-on-dark: var(--blush);

  --gold: var(--cognac);
  --gold-rgb: var(--cognac-rgb);
  --gold-light: var(--champagne);
  --gold-dark: var(--amber);
  /* Using Amber as a deeper contrast to Cognac */

  --white: #FFFFFF;
  --black: var(--espresso);

  /* Derived / Alpha Colors */
  --gold-08: rgba(var(--gold-rgb), 0.08);
  --gold-12: rgba(var(--gold-rgb), 0.12);
  --gold-20: rgba(var(--gold-rgb), 0.20);
  --gold-30: rgba(var(--gold-rgb), 0.30);

  --emerald-alpha: rgba(var(--emerald-rgb), 0.95);
  --espresso-alpha: rgba(var(--espresso-rgb), 0.95);

  /* Typography (Bolder & Bigger Scale) */
  --serif: 'Playfair Display', Georgia, serif;
  --sans: 'Montserrat', sans-serif;

  --font-bold: 600;
  --font-medium: 500;
  --font-light: 400;
  /* Shifted from 300 to 400 for more presence */

  /* Spacing Scale */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --space-2xl: 80px;
  --space-3xl: 120px;

  /* Layout */
  --max-width: 1200px;
  /* Wider for more impact */
  --nav-height: 90px;

  /* Transitions */
  --ease-default: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-normal: 0.3s;
}