:root,
[data-theme="light"] {
  --bg:             #F5F0E8;   
  --text:           #5C4033;   
  --text-muted:     rgba(92, 64, 51, 0.55);
  --title:          #6B2737;   
  --nav-bg:         #E8D5B0;   
  --nav-border:     rgba(107, 39, 55, 0.12);
  --footer-bg:      #8B9E8E;   
  --footer-text:    #5C4033;  
  --card-bg:        rgba(255, 255, 255, 0.55);
  --card-border:    rgba(92, 64, 51, 0.13);
  --accent:         #6B2737;
  --accent-warm:    #9A5F30;
  --subtle:         rgba(92, 64, 51, 0.07);
  --subtle-hover:   rgba(92, 64, 51, 0.12);
  --chip-bg:        rgba(107, 39, 55, 0.08);
  --chip-border:    rgba(107, 39, 55, 0.18);
  --hero-overlay:   linear-gradient(105deg, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.48) 50%, rgba(0,0,0,0.15) 100%);
  --contact-overlay:radial-gradient(ellipse at center, rgba(0,0,0,0.58) 0%, rgba(0,0,0,0.76) 100%);
  --about-overlay:  linear-gradient(to top, rgba(0,0,0,0.90) 0%, rgba(0,0,0,0.42) 55%, rgba(0,0,0,0.10) 100%);
  --shadow-card:    0 2px 24px rgba(92,64,51,0.10);
  --shadow-hover:   0 8px 40px rgba(92,64,51,0.16);
  --input-bg:       rgba(255,255,255,0.8);
  --input-border:   rgba(92,64,51,0.2);
  --input-focus:    #6B2737;
  --scrollbar-thumb:rgba(107,39,55,0.3);
  --model-bg:       rgba(232,213,176,0.25);
}

[data-theme="dark"] {
  --bg:             #221C19;
  --text:           #BFB8AF;
  --text-muted:     rgba(191, 184, 175, 0.5);
  --title:          #BFB8AF;
  --nav-bg:         #342B27;
  --nav-border:     rgba(191, 184, 175, 0.08);
  --footer-bg:      #342B27;
--footer-text:    #BFB8AF;
  --card-bg:        rgba(52, 43, 39, 0.65);
  --card-border:    rgba(191, 184, 175, 0.09);
  --accent:         #9A7A4A;
  --accent-warm:    #BF9A5E;
  --subtle:         rgba(191, 184, 175, 0.06);
  --subtle-hover:   rgba(191, 184, 175, 0.11);
  --chip-bg:        rgba(154, 122, 74, 0.14);
  --chip-border:    rgba(154, 122, 74, 0.28);
  --hero-overlay:   linear-gradient(105deg, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.50) 50%, rgba(0,0,0,0.18) 100%);
  --contact-overlay:radial-gradient(ellipse at center, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0.80) 100%);
  --about-overlay:  linear-gradient(to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.45) 55%, rgba(0,0,0,0.12) 100%);
  --shadow-card:    0 2px 24px rgba(0,0,0,0.30);
  --shadow-hover:   0 8px 40px rgba(0,0,0,0.45);
  --input-bg:       rgba(52,43,39,0.7);
  --input-border:   rgba(191,184,175,0.15);
  --input-focus:    #9A7A4A;
  --scrollbar-thumb:rgba(154,122,74,0.35);
  --model-bg:       rgba(52,43,39,0.50);
}

*, *::before, *::after {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

img, canvas, video, svg path, svg line, svg polyline, svg rect, svg circle {
  transition: none !important;
}