:root {
  /* Colors — derived from project visualizations */
  --color-wood-dark: #3D3632;
  --color-wood-medium: #8B7D6B;
  --color-wood-light: #C4B49A;
  --color-wood-warm: #A89279;
  --color-green: #4A5E3A;
  --color-green-light: #6B8E5A;
  --color-white: #FFFFFF;
  --color-offwhite: #F7F5F2;
  --color-cream: #F0EDE8;
  --color-text: #2C2825;
  --color-text-light: #6B6560;
  --color-accent: #8B7D6B;
  --color-error: #C0392B;
  --color-success: #27AE60;

  /* Typography */
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Spacing (8px base) */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  --space-2xl: 8rem;

  /* Layout */
  --container-max: 1200px;
  --container-narrow: 900px;
  --header-height: 80px;

  /* Transitions */
  --transition-fast: 200ms ease;
  --transition-base: 350ms ease;
  --transition-slow: 600ms ease;

  /* Border radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.1);

  /* Glass */
  --glass-bg: rgba(255, 255, 255, 0.55);
  --glass-border: rgba(255, 255, 255, 0.7);
  --glass-blur: blur(14px);
}