:root {
  --font-serif: "Cormorant Garamond", serif;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  
  --color-brand-primary: #D4A373;
  --color-brand-secondary: #FAEDCD;
  --color-brand-cream: #FEFAE0;
  --color-brand-sage: #CCD5AE;
  --color-brand-lila: #E9D5FF;
  --color-brand-ink: #343A40;
  --color-brand-paper: #FFFDF9;

  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-gray-50: #F9FAFB;
  --color-gray-100: #F3F4F6;
  --color-gray-200: #E5E7EB;
  --color-gray-400: #9CA3AF;
  --color-green-whatsapp: #25D366;
  --color-green-whatsapp-dark: #128C7E;

  --border-radius-sm: 0.125rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-3xl: 1.5rem;
  --border-radius-full: 9999px;

  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);

  --max-w-7xl: 80rem;
  --max-w-4xl: 56rem;
  --max-w-3xl: 48rem;
  --max-w-2xl: 42rem;
}