:root {
  /* Colors */
  --white:           #FFF;
  --cream:           #F5F0EA;
  --cream-light:     #F4F5F3;
  --terracotta:      #B85C38;
  --terracotta-dark: #8E3D20;
  --terracotta-nav:  #BB4E27;
  --terracotta-light:#D4775A;
  --charcoal:        #000;
  --charcoal-mid:    #3A3936;
  --warm-gray:       #9A958E;
  --warm-gray-light: #C8C3BB;
  --border:          #E2DDD6;
  --border-dark:     #312C30;

  /* White-opacity scale (preserves every observed alpha verbatim) */
  --w-92: rgba(255,255,255,0.92);
  --w-88: rgba(255,255,255,0.88);
  --w-85: rgba(255,255,255,0.85);
  --w-70: rgba(255,255,255,0.70);
  --w-60: rgba(255,255,255,0.60);
  --w-50: rgba(255,255,255,0.50);
  --w-45: rgba(255,255,255,0.45);
  --w-38: rgba(255,255,255,0.38);
  --w-35: rgba(255,255,255,0.35);
  --w-30: rgba(255,255,255,0.30);
  --w-20: rgba(255,255,255,0.20);
  --w-10: rgba(255,255,255,0.10);
  --w-07: rgba(255,255,255,0.07);
  --w-06: rgba(255,255,255,0.06);

  /* Fonts */
  --font-serif: "Playfair Display", Georgia, serif;
  --font-sans:  "Montserrat", sans-serif;

  /* Spacing scale */
  --space-2:   4px;
  --space-3:   8px;
  --space-4:  12px;
  --space-5:  16px;
  --space-6:  20px;
  --space-7:  24px;
  --space-8:  32px;
  --space-9:  40px;
  --space-10: 48px;
  --space-11: 56px;
  --space-12: 64px;
  --space-14: 80px;
  --space-16: 100px;

  /* Layout */
  --container: 1160px;
  --z-nav:     100;
  --z-drawer:  99;

  /* Motion */
  --ease:      0.25s ease;
  --ease-slow: 0.4s ease;
}