/* ═══════════════════════════════════════════════════
   CSS Custom Properties — auto-generated by build.js
   Edit config.js → run node build.js to regenerate
   ═══════════════════════════════════════════════════ */

:root {
  --color-primary:        #6F4E37;
  --color-primary-hover:  #5C3F2D;
  --color-primary-active: #4A3224;
  --color-secondary:      #D4A574;
  --color-accent:         #C8860A;
  --color-accent-hover:   #A87008;
  --color-bg:             #FDFAF6;
  --color-bg-alt:         #F5EDE0;
  --color-text:           #2C1A0E;
  --color-text-muted:     #7A6552;
  --color-border:         #E8D5BE;
  --color-card-bg:        #FFFFFF;
  --color-header-bg:      #3B2314;
  --color-footer-bg:      #2C1A0E;
  --color-footer-text:    #D4A574;
  --color-btn-primary-bg:   #6F4E37;
  --color-btn-primary-text: #FFFFFF;
  --color-selection:      rgba(111, 78, 55, 0.2);
  --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 rgba(44, 26, 14, 0.06);
  --shadow-md: 0 4px 16px rgba(44, 26, 14, 0.08);
  --shadow-lg: 0 8px 32px rgba(44, 26, 14, 0.12);
  --ease:     cubic-bezier(0.4, 0, 0.2, 1);
  --duration: 0.2s;
}

[data-theme="dark"] {
  --color-bg:             #1A0F08;
  --color-bg-alt:         #2C1A0E;
  --color-text:           #F5EDE0;
  --color-text-muted:     #B8A08A;
  --color-border:         #4A3224;
  --color-card-bg:        #261508;
  --color-header-bg:      #0F0904;
  --color-footer-bg:      #0F0904;
  --color-primary:        #D4A574;
  --color-primary-hover:  #E0BA8E;
  --color-secondary:      #6F4E37;
  --color-accent:         #E0BA8E;
  --color-btn-primary-bg:   #D4A574;
  --color-btn-primary-text: #1A0F08;
  --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);
}