/* =========================================================
   SCENES — стили сайта под каждую сцену фона
   Переключается через data-scene на <html>
   ========================================================= */

/* -----------------------------------------------------------
   CARMINE — кровавый: острые углы, красные акценты
   ----------------------------------------------------------- */
:root[data-scene="CARMINE"] #bg  { opacity: .88; filter: saturate(1.15); }
:root[data-scene="CARMINE"] #hud { color: rgba(255, 80, 80, .9); }

:root[data-scene="CARMINE"] .card,
:root[data-scene="CARMINE"] .side-card,
:root[data-scene="CARMINE"] .feature { border-radius: 3px; }

:root[data-scene="CARMINE"] .search       { border-radius: 4px; }
:root[data-scene="CARMINE"] .btn-ghost    { border-radius: 3px; }
:root[data-scene="CARMINE"] .btn-primary  { border-radius: 3px; }
:root[data-scene="CARMINE"] .pill,
:root[data-scene="CARMINE"] .chip,
:root[data-scene="CARMINE"] .eyebrow      { border-radius: 2px; }
:root[data-scene="CARMINE"] .brand-mark   { border-radius: 3px; }

:root[data-scene="CARMINE"] .card,
:root[data-scene="CARMINE"] .feature,
:root[data-scene="CARMINE"] .side-card    { border-color: hsl(0 55% 38% / .35); }
:root[data-scene="CARMINE"] .site-header  { border-bottom-color: hsl(0 55% 40% / .4); }

/* -----------------------------------------------------------
   TERRAIN — природный: мягкие скругления, тёплый фильтр
   ----------------------------------------------------------- */
:root[data-scene="TERRAIN"] #bg { opacity: .72; filter: sepia(.1) saturate(.95); }

:root[data-scene="TERRAIN"] .card,
:root[data-scene="TERRAIN"] .side-card { border-radius: 18px; }
:root[data-scene="TERRAIN"] .search    { border-radius: 18px; }
:root[data-scene="TERRAIN"] .feature   { border-radius: 12px; }

/* -----------------------------------------------------------
   GLOBE — воздушный: максимальные скругления, таблетки
   ----------------------------------------------------------- */
:root[data-scene="GLOBE"] #bg { opacity: .75; filter: saturate(1.08); }

:root[data-scene="GLOBE"] .card,
:root[data-scene="GLOBE"] .side-card { border-radius: 22px; }
:root[data-scene="GLOBE"] .search    { border-radius: 999px; }
:root[data-scene="GLOBE"] .feature   { border-radius: 16px; }
:root[data-scene="GLOBE"] .btn-ghost,
:root[data-scene="GLOBE"] .btn-primary { border-radius: 999px; }
:root[data-scene="GLOBE"] .eyebrow    { border-radius: 999px; }

/* -----------------------------------------------------------
   TRIANGLE — геометричный: умеренная острота
   ----------------------------------------------------------- */
:root[data-scene="TRIANGLE"] #bg { opacity: .8; filter: contrast(1.04); }

:root[data-scene="TRIANGLE"] .card,
:root[data-scene="TRIANGLE"] .side-card { border-radius: 8px; }
:root[data-scene="TRIANGLE"] .search    { border-radius: 8px; }
:root[data-scene="TRIANGLE"] .btn-primary { border-radius: 6px; }

/* -----------------------------------------------------------
   CUBE — технический: нулевые радиусы везде
   ----------------------------------------------------------- */
:root[data-scene="CUBE"] #bg { opacity: .84; filter: contrast(1.06) saturate(.88); }

:root[data-scene="CUBE"] .card,
:root[data-scene="CUBE"] .side-card,
:root[data-scene="CUBE"] .feature      { border-radius: 0; }
:root[data-scene="CUBE"] .search,
:root[data-scene="CUBE"] .btn-ghost,
:root[data-scene="CUBE"] .btn-primary  { border-radius: 0; }
:root[data-scene="CUBE"] .pill,
:root[data-scene="CUBE"] .chip,
:root[data-scene="CUBE"] .eyebrow      { border-radius: 0; }
:root[data-scene="CUBE"] .brand-mark,
:root[data-scene="CUBE"] .icon-btn     { border-radius: 0; }

/* -----------------------------------------------------------
   MINIMAL — без анимации, максимум производительности
   ----------------------------------------------------------- */
:root[data-scene="MINIMAL"] #bg  { opacity: 0; }
:root[data-scene="MINIMAL"] #hud { color: var(--muted); opacity: .6; }