/* ==========================================================================
   UI Themes — переключение через html[data-theme="…"]
   Актуальная по умолчанию: stone (переменные в main.css :root)
   ========================================================================== */

/* Запасной: тёплый беж (Sand / Cream Ivory) */
html[data-theme="beige"] {
  --color-taupe-subtle:   #F5F1EC;
  --color-sand-beige:     #D7CEC5;
  --color-sand:           #D7CEC5;
  --color-sand-light:     #ECE6DF;
  --color-cream:          #F6EDE3;
  --color-gray-soft:      #F5F4F0;
  --color-gray-mist:      #ECEAE5;
  --color-gray-greige:    #F8F7F5;
  --color-gray-light:     #E8EAE8;
  --color-bg-light:       #F6F5F2;
  --color-primary-subtle: #EDF3EE;
  --site-header-green:    var(--color-primary-dark);
  --header-brand-bg:      rgba(58, 60, 58, 0.46);
  --header-brand-bg-scrolled: rgba(58, 60, 58, 0.84);
  --theme-watermark:      rgba(46, 66, 49, 0.06);
  --shadow-xs: 0 1px 4px rgba(30, 43, 35, 0.06);
  --shadow-sm: 0 2px 10px rgba(30, 43, 35, 0.08);
  --shadow-md: 0 8px 28px rgba(30, 43, 35, 0.12);
  --shadow-lg: 0 20px 50px rgba(30, 43, 35, 0.16);
}

/* Тёмный лес — насыщенный зелёный, приглушённые фоны */
html[data-theme="forest"] {
  --color-taupe-subtle:   #E4EAE6;
  --color-sand:           #B8C4BC;
  --color-sand-light:     #D5DDD8;
  --color-cream:          #E8EFEB;
  --color-gray-soft:      #E6ECE8;
  --color-gray-mist:      #DDE5E0;
  --color-gray-greige:    #EEF2EF;
  --color-gray-light:     #D8E0DB;
  --color-bg-light:       #E3EBE6;
  --color-primary-subtle: #D8E6DC;
  --site-header-green:    #152019;
  --header-brand-bg:      rgba(30, 43, 35, 0.55);
  --header-brand-bg-scrolled: rgba(21, 32, 25, 0.92);
  --theme-watermark:      rgba(42, 59, 48, 0.12);
}

/* Тёплый тауп — акцент Warm Taupe из гайда */
html[data-theme="taupe"] {
  --color-taupe-subtle:   #F0EBE6;
  --color-sand:           #C9BFB6;
  --color-sand-light:     #E0DAD4;
  --color-cream:          #F3EFEA;
  --color-gray-soft:      #F2EEEA;
  --color-gray-mist:      #E8E2DC;
  --color-gray-greige:    #F7F4F1;
  --color-gray-light:     #DDD6CF;
  --color-bg-light:       #EFEBE6;
  --color-primary-subtle: #EEF0EB;
  --site-header-green:    #2A3B30;
  --header-brand-bg:      rgba(133, 117, 107, 0.38);
  --header-brand-bg-scrolled: rgba(133, 117, 107, 0.78);
  --theme-watermark:      rgba(133, 117, 107, 0.2);
}

/* Светлый туман — холодный воздушный серый */
html[data-theme="mist"] {
  --color-taupe-subtle:   #F2F2F3;
  --color-sand:           #D4D2D0;
  --color-sand-light:     #E8E7E6;
  --color-cream:          #F5F5F6;
  --color-gray-soft:      #F7F7F8;
  --color-gray-mist:      #EBEBEC;
  --color-gray-greige:    #FAFAFA;
  --color-gray-light:     #E2E2E3;
  --color-bg-light:       #F3F3F4;
  --color-primary-subtle: #EEF1EF;
  --site-header-green:    #243329;
  --header-brand-bg:      rgba(90, 92, 94, 0.4);
  --header-brand-bg-scrolled: rgba(90, 92, 94, 0.82);
  --theme-watermark:      rgba(140, 140, 139, 0.16);
}

/* Слоновая кость — светлые секции, контрастная шапка */
html[data-theme="ivory"] {
  --color-taupe-subtle:   #FAF7F2;
  --color-sand:           #E8DFD4;
  --color-sand-light:     #F2EBE3;
  --color-cream:          #FBF6F0;
  --color-gray-soft:      #FAF8F5;
  --color-gray-mist:      #F0EBE4;
  --color-gray-greige:    #FFFCF9;
  --color-gray-light:     #EAE4DC;
  --color-bg-light:       #F8F4EE;
  --color-primary-subtle: #F0F4F1;
  --site-header-green:    #1E2B23;
  --header-brand-bg:      rgba(42, 59, 48, 0.42);
  --header-brand-bg-scrolled: rgba(30, 43, 35, 0.88);
  --theme-watermark:      rgba(197, 160, 89, 0.14);
}