:root {
    --color-bg: #f5efe6;
    --color-bg-soft: #efe4d3;
    --color-surface: #fffaf3;
    --color-text: #1f1a17;
    --color-text-soft: #5f554d;
    --color-accent: #b88b5a;
    --color-accent-dark: #8d6841;
    --color-border: rgba(31, 26, 23, 0.1);
    --color-white: #ffffff;
    --color-black: #000000;
    --color-overlay: rgba(0, 0, 0, 0.35);
    --color-footer: #111111;
  
    --font-main: "Inter", sans-serif;
    --font-display: "Playfair Display", serif;
  
    --container-width: 1200px;
    --container-padding: 20px;
  
    --radius-sm: 10px;
    --radius-md: 18px;
    --radius-lg: 28px;
    --radius-pill: 999px;
  
    --shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 16px 40px rgba(0, 0, 0, 0.08);
  
    --transition-fast: 0.25s ease;
    --transition-medium: 0.4s ease;
  
    --space-xs: 10px;
    --space-sm: 16px;
    --space-md: 24px;
    --space-lg: 40px;
    --space-xl: 72px;
    --space-2xl: 110px;
  
    --header-height: 84px;
  }