/* ═══════════════════════════════════════════════════
   CSS Custom Properties — generated by Directory Builder
   Primary: #4A2C17 | Secondary: #d97730
   ═══════════════════════════════════════════════════ */

:root {
  --color-primary:          #4A2C17;
  --color-primary-hover:    #2b1a0d;
  --color-primary-active:   #0c0704;
  --color-secondary:        #d97730;
  --color-accent:           #8f5d00;
  --color-accent-hover:     #664200;
  --color-bg:               #FDFAF6;
  --color-bg-alt:           #F5EDE0;
  --color-text:             #2C1A0E;
  --color-text-muted:       #7A6552;
  --color-border:           #E8D5BE;
  --color-card-bg:          #FFFFFF;
  --color-header-bg:        #000000;
  --color-footer-bg:        #000000;
  --color-footer-text:      #d97730;
  --color-btn-primary-bg:   #4A2C17;
  --color-btn-primary-text: #FFFFFF;
  --color-selection:        #4A2C1733;
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --section-py:     clamp(3rem, 6vw, 6rem);
  --container-max:  1280px;
  --container-px:   clamp(1rem, 4vw, 2rem);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --shadow-sm: 0 1px 3px #2C1A0E0f;
  --shadow-md: 0 4px 16px #2C1A0E14;
  --shadow-lg: 0 8px 32px #2C1A0E1f;
  --ease:     cubic-bezier(0.4, 0, 0.2, 1);
  --duration: 0.2s;
}

[data-theme="dark"] {
  --color-bg:             #000000;
  --color-bg-alt:         #000000;
  --color-text:           #F5EDE0;
  --color-text-muted:     #B8A08A;
  --color-border:         #000000;
  --color-card-bg:        #000000;
  --color-header-bg:      #000000;
  --color-footer-bg:      #000000;
  --color-primary:        #a05f31;
  --color-primary-hover:  #b36b37;
  --color-secondary:      #d97730;
  --color-accent:         #b87700;
  --color-btn-primary-bg:   #a05f31;
  --color-btn-primary-text: #FDFAF6;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.2);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.25);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.3);
}