/* Torvy — темы и цвета элементов. Тема задаёт фон и градиент, цвет элементов — кнопки и акценты. */
/* ===== Темы (фон + родные цвета элементов), светлая/тёмная ===== */
/* --accent — кнопки и активные элементы, --accent-2 — второй цвет: кольцо профиля, тренды, скидки */
[data-bg=plum][data-mode=light]{--bg:#F6F1F3;--surface:#FFFFFF;--surface-2:#ECE2E6;--text:#2A1C23;--muted:#86757D;--line:rgba(42,28,35,.08);--accent:#84506A;--accent-ink:#FFF6FA;--accent-2:#84506A;--glow-a:#C07A9A;--glow-b:#9A88D6}
[data-bg=plum][data-mode=dark]{--bg:#141014;--surface:#1E181D;--surface-2:#292128;--text:#F0E6EC;--muted:#A0919A;--line:rgba(240,230,236,.07);--accent:#D4A2BC;--accent-ink:#1A1016;--accent-2:#D4A2BC;--glow-a:#8A3F66;--glow-b:#4B3B8C}
/* Полночь: тёмно-синий, бирюза, золото */
[data-bg=midnight][data-mode=light]{--bg:#F2F0EA;--surface:#FFFFFF;--surface-2:#E6E2D8;--text:#0A1828;--muted:#66717F;--line:rgba(10,24,40,.08);--accent:#178582;--accent-ink:#F2FBFA;--accent-2:#A88B5E;--bg-img:linear-gradient(180deg,#F6F4EF,#ECE7DC)}
[data-bg=midnight][data-mode=dark]{--bg:#0A1828;--surface:#10233A;--surface-2:#173049;--text:#EEE8DD;--muted:#8796A8;--line:rgba(238,232,221,.07);--accent:#1A9590;--accent-ink:#F2FBFA;--accent-2:#BFA181;--price:#D6BE98;--bg-img:radial-gradient(130% 45% at 50% -8%,#1B3D60 0%,transparent 65%)}
/* Пастель: сиреневый и стальной голубой */
[data-bg=pastel][data-mode=light]{--bg:#E6DEED;--surface:#FBF9FD;--surface-2:#E2DBEC;--text:#2B2540;--muted:#7D7690;--line:rgba(43,37,64,.08);--accent:#7A68AC;--accent-ink:#FBF9FF;--accent-2:#6E78C4;--bg-img:linear-gradient(160deg,#E6D6E8 0%,#DCD9F0 55%,#CDD2F2 100%)}
[data-bg=pastel][data-mode=dark]{--bg:#17151F;--surface:#211E2C;--surface-2:#2B2738;--text:#EEE9F6;--muted:#9D97B0;--line:rgba(238,233,246,.07);--accent:#C5ADC5;--accent-ink:#1C1621;--accent-2:#B2B5E0;--bg-img:linear-gradient(160deg,#211A27 0%,#17151F 50%,#161A2B 100%)}
/* Беж и графит */
[data-bg=beige][data-mode=light]{--bg:#DDD0C8;--surface:#F5EFEB;--surface-2:#D0C2B9;--text:#323232;--muted:#6F655F;--line:rgba(50,50,50,.09);--accent:#323232;--accent-ink:#F5EFEB;--accent-2:#8C6E5A}
[data-bg=beige][data-mode=dark]{--bg:#252322;--surface:#302D2B;--surface-2:#3C3836;--text:#EEE6DF;--muted:#A69B93;--line:rgba(238,230,223,.07);--accent:#DDD0C8;--accent-ink:#2A2725;--accent-2:#C9AE98}
/* Лайм и графит: в светлой лайм на белом не читается — кнопки графитовые с лаймовым значком */
[data-bg=lime][data-mode=light]{--bg:#EDEDEB;--surface:#FFFFFF;--surface-2:#E0E0DD;--text:#1E1E1E;--muted:#6E6E6E;--line:rgba(30,30,30,.08);--accent:#2A2A2A;--accent-ink:#BAFF39;--accent-2:#5C8A00;--glow-a:#BAFF39}
[data-bg=lime][data-mode=dark]{--bg:#18191A;--surface:#232425;--surface-2:#2E2F31;--text:#F4F4F2;--muted:#9A9A98;--line:rgba(255,255,255,.07);--accent:#BAFF39;--accent-ink:#1A1C14;--accent-2:#BAFF39}
/* Цвета градиента принадлежат теме: выбор цвета элементов их не трогает */
[data-bg=midnight][data-mode=light]{--glow-a:#178582;--glow-b:#BFA181}
[data-bg=midnight][data-mode=dark]{--glow-a:#178582;--glow-b:#7A6440}
[data-bg=pastel][data-mode=light]{--glow-a:#C5ADC5;--glow-b:#B2B5E0}
[data-bg=pastel][data-mode=dark]{--glow-a:#6B4F7A;--glow-b:#4A4F8C}
[data-bg=beige][data-mode=light]{--glow-a:#BFA08C;--glow-b:#EDE4DD}
[data-bg=beige][data-mode=dark]{--glow-a:#5A4A40;--glow-b:#3E3936}
[data-bg=lime][data-mode=light]{--glow-a:#BAFF39;--glow-b:#D9D9D6}
[data-bg=lime][data-mode=dark]{--glow-a:#6E9E1F;--glow-b:#3A3B3D}
:root{--accent-soft:color-mix(in oklab,var(--accent) 14%,transparent)}

/* ===== Градиент-свечение сверху экрана: два соседних оттенка темы ===== */
:root{--glow:
  radial-gradient(110% 44% at 0% -4%,color-mix(in oklab,var(--glow-a) 62%,transparent),transparent 72%),
  radial-gradient(100% 40% at 100% 0%,color-mix(in oklab,var(--glow-b) 58%,transparent),transparent 72%),
  radial-gradient(100% 34% at 50% 26%,color-mix(in oklab,var(--glow-a) 16%,transparent),transparent 78%)}

/* ===== Акценты поверх темы (если выбран не «Родной»): свой оттенок для светлой и тёмной ===== */
[data-accent]:not([data-accent=native]){--accent-2:var(--accent)}
[data-accent=plum][data-mode=light]{--accent:#84506A;--accent-ink:#FFF6FA}
[data-accent=plum][data-mode=dark]{--accent:#D4A2BC;--accent-ink:#1A1016}
[data-accent=wine][data-mode=light]{--accent:#7A2E3F;--accent-ink:#FFF5F7}
[data-accent=wine][data-mode=dark]{--accent:#E28C9E;--accent-ink:#1C0D11}
[data-accent=rose][data-mode=light]{--accent:#B05C72;--accent-ink:#FFF7F9}
[data-accent=rose][data-mode=dark]{--accent:#F0A9B8;--accent-ink:#1E0F13}
[data-accent=lavender][data-mode=light]{--accent:#6B5B95;--accent-ink:#F8F6FF}
[data-accent=lavender][data-mode=dark]{--accent:#B8AAE3;--accent-ink:#130F1F}
[data-accent=navy][data-mode=light]{--accent:#33497F;--accent-ink:#F4F7FF}
[data-accent=navy][data-mode=dark]{--accent:#9DB0E6;--accent-ink:#0D1120}
[data-accent=petrol][data-mode=light]{--accent:#2F6B6E;--accent-ink:#F2FAFA}
[data-accent=petrol][data-mode=dark]{--accent:#8CC5C4;--accent-ink:#0B1717}
[data-accent=sage][data-mode=light]{--accent:#5E7A64;--accent-ink:#F5F8F5}
[data-accent=sage][data-mode=dark]{--accent:#9DBBA4;--accent-ink:#0F1511}
[data-accent=brass][data-mode=light]{--accent:#96743A;--accent-ink:#FFFBF2}
[data-accent=brass][data-mode=dark]{--accent:#D9BC84;--accent-ink:#17130B}
[data-accent=clay][data-mode=light]{--accent:#A85A40;--accent-ink:#FFF8F4}
[data-accent=clay][data-mode=dark]{--accent:#E3967A;--accent-ink:#1A100C}
[data-accent=ink][data-mode=light]{--accent:#2A1C23;--accent-ink:#F6F1F3}
[data-accent=ink][data-mode=dark]{--accent:#EDE3E9;--accent-ink:#141014}
/* Цвета с референсов. В светлой теме светлые оттенки затемнены, чтобы читались на белом */
[data-accent=teal][data-mode=light]{--accent:#178582;--accent-ink:#F2FBFA}
[data-accent=teal][data-mode=dark]{--accent:#2FA9A4;--accent-ink:#06201F}
[data-accent=gold][data-mode=light]{--accent:#9A7B4F;--accent-ink:#FFFBF3}
[data-accent=gold][data-mode=dark]{--accent:#BFA181;--accent-ink:#1A140C}
[data-accent=lilac][data-mode=light]{--accent:#8A6A8A;--accent-ink:#FFF8FF}
[data-accent=lilac][data-mode=dark]{--accent:#C5ADC5;--accent-ink:#1C1621}
[data-accent=steel][data-mode=light]{--accent:#5F68B0;--accent-ink:#F6F7FF}
[data-accent=steel][data-mode=dark]{--accent:#B2B5E0;--accent-ink:#14162A}
[data-accent=taupe][data-mode=light]{--accent:#8C6E5A;--accent-ink:#FFF9F5}
[data-accent=taupe][data-mode=dark]{--accent:#DDD0C8;--accent-ink:#2A2725}
[data-accent=charcoal][data-mode=light]{--accent:#323232;--accent-ink:#F5F5F5}
[data-accent=charcoal][data-mode=dark]{--accent:#E4E4E4;--accent-ink:#1E1E1E}
[data-accent=dimgrey][data-mode=light]{--accent:#6E6E6E;--accent-ink:#FFFFFF}
[data-accent=dimgrey][data-mode=dark]{--accent:#ADADAD;--accent-ink:#1A1A1A}
[data-accent=lime][data-mode=light]{--accent:#2A2A2A;--accent-ink:#BAFF39}
[data-accent=lime][data-mode=dark]{--accent:#BAFF39;--accent-ink:#1A1C14}
/* Пары: основной цвет + второй (кольцо профиля, тренды, скидки) */
[data-accent=teal-gold][data-mode=light]{--accent:#178582;--accent-ink:#F2FBFA;--accent-2:#9A7B4F}
[data-accent=teal-gold][data-mode=dark]{--accent:#2FA9A4;--accent-ink:#06201F;--accent-2:#BFA181}
[data-accent=lilac-steel][data-mode=light]{--accent:#8A6A8A;--accent-ink:#FFF8FF;--accent-2:#5F68B0}
[data-accent=lilac-steel][data-mode=dark]{--accent:#C5ADC5;--accent-ink:#1C1621;--accent-2:#B2B5E0}
[data-accent=graphite-lime][data-mode=light]{--accent:#323232;--accent-ink:#BAFF39;--accent-2:#5C8A00}
[data-accent=graphite-lime][data-mode=dark]{--accent:#E4E4E4;--accent-ink:#1E1E1E;--accent-2:#BAFF39}
[data-accent=wine-brass][data-mode=light]{--accent:#7A2E3F;--accent-ink:#FFF5F7;--accent-2:#96743A}
[data-accent=wine-brass][data-mode=dark]{--accent:#E28C9E;--accent-ink:#1C0D11;--accent-2:#D9BC84}
[data-accent=lavender-brass][data-mode=light]{--accent:#6B5B95;--accent-ink:#F8F6FF;--accent-2:#96743A}
[data-accent=lavender-brass][data-mode=dark]{--accent:#B8AAE3;--accent-ink:#130F1F;--accent-2:#D9BC84}
/* Смешанная пара: в светлой — бордо + латунь, в тёмной — лаванда + латунь */
[data-accent=wine-lavender-brass][data-mode=light]{--accent:#7A2E3F;--accent-ink:#FFF5F7;--accent-2:#96743A}
[data-accent=wine-lavender-brass][data-mode=dark]{--accent:#B8AAE3;--accent-ink:#130F1F;--accent-2:#D9BC84}