/* Цветовые темы. Файл собран из bot/web/themes.py — руками не править:
   python -m bot.web.themes */

/* Небо */
:root[data-accent="sky"] {
  --bg: #F1F6FC;
  --side: #E6EEF8;
  --fill: #E2EBF5;
  --fill-2: #D3DFEE;
  --sep: rgb(12 35 64 / 0.12);
  --bar: rgb(241 246 252 / 0.78);
  --ink: #0C2340;
  --ink-2: #44566F;
  --ink-3: #8292A8;
  --accent: #1A84F5;
  --on-accent: #FFFFFF;
  --accent-ink: #1A84F5;
  --accent-soft: #DCEBFE;
  --indigo: #0F8FA6;
  --on-second: #FFFFFF;
  --indigo-soft: #DCF2F5;
  --indigo-ink: #0B7386;
  --deep: #0C2340;
  --hero: radial-gradient(115% 150% at 100% 0%, #1A84F5 0%, rgb(26 132 245 / 0.5) 26%, rgb(26 132 245 / 0) 58%), #0C2340;
  --cover-3: #44566F;
  --cover-4: #D3DFEE;
  --on-cover-4: #0C2340;
  --accent-soft-d: #1C3552;
  --accent-ink-d: #2E8EF5;
  --indigo-soft-d: #19383F;
  --indigo-ink-d: #13AFCA;
}

/* Сирень */
:root[data-accent="lilac"] {
  --bg: #F6F3FD;
  --side: #ECE7F9;
  --fill: #E9E4F6;
  --fill-2: #DAD3EE;
  --sep: rgb(30 20 64 / 0.12);
  --bar: rgb(246 243 253 / 0.78);
  --ink: #1E1440;
  --ink-2: #524A70;
  --ink-3: #8E87A8;
  --accent: #7C5CFC;
  --on-accent: #FFFFFF;
  --accent-ink: #7C5CFC;
  --accent-soft: #E9E2FF;
  --indigo: #D9488F;
  --on-second: #FFFFFF;
  --indigo-soft: #FCE4F0;
  --indigo-ink: #B8306F;
  --deep: #1E1440;
  --hero: radial-gradient(115% 150% at 100% 0%, #7C5CFC 0%, rgb(124 92 252 / 0.5) 26%, rgb(124 92 252 / 0) 58%), #1E1440;
  --cover-3: #524A70;
  --cover-4: #DAD3EE;
  --on-cover-4: #1E1440;
  --accent-soft-d: #332B53;
  --accent-ink-d: #947AFC;
  --indigo-soft-d: #492739;
  --indigo-ink-d: #E57AAD;
}

/* Мята */
:root[data-accent="mint"] {
  --bg: #F1F8F4;
  --side: #E5F0EA;
  --fill: #E1EDE6;
  --fill-2: #D1E2D8;
  --sep: rgb(15 46 36 / 0.12);
  --bar: rgb(241 248 244 / 0.78);
  --ink: #0F2E24;
  --ink-2: #456055;
  --ink-3: #839A8E;
  --accent: #12996A;
  --on-accent: #FFFFFF;
  --accent-ink: #12996A;
  --accent-soft: #D9F2E6;
  --indigo: #F5B82E;
  --on-second: #0F2E24;
  --indigo-soft: #FFF1CC;
  --indigo-ink: #8A5A00;
  --deep: #0F2E24;
  --hero: radial-gradient(115% 150% at 100% 0%, #12996A 0%, rgb(18 153 106 / 0.5) 26%, rgb(18 153 106 / 0) 58%), #0F2E24;
  --cover-3: #456055;
  --cover-4: #D1E2D8;
  --on-cover-4: #0F2E24;
  --accent-soft-d: #1A3A30;
  --accent-ink-d: #13A270;
  --indigo-soft-d: #504122;
  --indigo-ink-d: #F5B82E;
}

/* Сумерки */
:root[data-accent="dusk"] {
  --bg: #F6F3F7;
  --side: #EFEAF1;
  --fill: #EBE6ED;
  --fill-2: #E0D9E3;
  --sep: rgb(14 31 47 / 0.12);
  --bar: rgb(246 243 247 / 0.78);
  --ink: #0E1F2F;
  --ink-2: #4D5865;
  --ink-3: #878D97;
  --accent: #86A8CF;
  --on-accent: #0E1F2F;
  --accent-ink: #688FBB;
  --accent-soft: #ECF1F7;
  --indigo: #C38EB4;
  --on-second: #0E1F2F;
  --indigo-soft: #F4EBF2;
  --indigo-ink: #905A80;
  --deep: #0C1D4B;
  --hero: radial-gradient(110% 140% at 100% 0%, #86A8CF 0%, rgb(134 168 207 / 0.55) 22%, rgb(134 168 207 / 0) 56%), radial-gradient(70% 110% at 72% 128%, rgb(195 142 180 / 0.8) 0%, rgb(195 142 180 / 0) 64%), linear-gradient(160deg, #0C1D4B 30%, #26425A 100%);
  --cover-3: #4D5865;
  --cover-4: #E0D9E3;
  --on-cover-4: #0E1F2F;
  --accent-soft-d: #353E48;
  --accent-ink-d: #86A8CF;
  --indigo-soft-d: #443742;
  --indigo-ink-d: #C795B8;
}

/* Пастель */
:root[data-accent="pastel"] {
  --bg: #F7F7F2;
  --side: #F1F1E9;
  --fill: #EDEDE5;
  --fill-2: #E3E3D8;
  --sep: rgb(51 58 52 / 0.12);
  --bar: rgb(247 247 242 / 0.78);
  --ink: #333A34;
  --ink-2: #686D67;
  --ink-3: #8F928D;
  --accent: #F3C3B2;
  --on-accent: #333A34;
  --accent-ink: #AB5E44;
  --accent-soft: #FAE7E0;
  --indigo: #99CDD8;
  --on-second: #333A34;
  --indigo-soft: #D6EBEF;
  --indigo-ink: #436B74;
  --deep: #4C554D;
  --hero: radial-gradient(110% 140% at 100% 0%, #F3C3B2 0%, rgb(243 195 178 / 0.55) 22%, rgb(243 195 178 / 0) 56%), radial-gradient(70% 110% at 72% 128%, rgb(153 205 216 / 0.8) 0%, rgb(153 205 216 / 0) 64%), #4C554D;
  --cover-3: #686D67;
  --cover-4: #E3E3D8;
  --on-cover-4: #333A34;
  --accent-soft-d: #504442;
  --accent-ink-d: #F3C3B2;
  --indigo-soft-d: #3A464B;
  --indigo-ink-d: #99CDD8;
}

/* Океан */
:root[data-accent="ocean"] {
  --bg: #F1F6FA;
  --side: #E7EFF5;
  --fill: #E2EBF2;
  --fill-2: #D4E0E9;
  --sep: rgb(0 29 57 / 0.12);
  --bar: rgb(241 246 250 / 0.78);
  --ink: #001D39;
  --ink-2: #41586D;
  --ink-3: #7D8E9D;
  --accent: #0A4174;
  --on-accent: #FFFFFF;
  --accent-ink: #0A4174;
  --accent-soft: #D8E1E9;
  --indigo: #7BBDE8;
  --on-second: #001D39;
  --indigo-soft: #CAE5F6;
  --indigo-ink: #36678A;
  --deep: #001D39;
  --hero: radial-gradient(110% 140% at 100% 0%, #7BBDE8 0%, rgb(123 189 232 / 0.55) 22%, rgb(123 189 232 / 0) 56%), radial-gradient(70% 110% at 72% 128%, rgb(78 142 162 / 0.8) 0%, rgb(78 142 162 / 0) 64%), linear-gradient(160deg, #001D39 30%, #0A4174 100%);
  --cover-3: #41586D;
  --cover-4: #D4E0E9;
  --on-cover-4: #001D39;
  --accent-soft-d: #182533;
  --accent-ink-d: #3391EB;
  --indigo-soft-d: #33434E;
  --indigo-ink-d: #7BBDE8;
}

/* Лагуна */
:root[data-accent="lagoon"] {
  --bg: #F0F8F6;
  --side: #E6F2EF;
  --fill: #E2EFEC;
  --fill-2: #D4E6E1;
  --sep: rgb(4 34 43 / 0.12);
  --bar: rgb(240 248 246 / 0.78);
  --ink: #04222B;
  --ink-2: #445C62;
  --ink-3: #7F9195;
  --accent: #1D8B94;
  --on-accent: #FFFFFF;
  --accent-ink: #1D8B94;
  --accent-soft: #DBECEE;
  --indigo: #4FB8B4;
  --on-second: #04222B;
  --indigo-soft: #DFF2F2;
  --indigo-ink: #3A7170;
  --deep: #04222B;
  --hero: radial-gradient(110% 140% at 100% 0%, #4FB8B4 0%, rgb(79 184 180 / 0.55) 22%, rgb(79 184 180 / 0) 56%), radial-gradient(70% 110% at 72% 128%, rgb(29 139 148 / 0.8) 0%, rgb(29 139 148 / 0) 64%), linear-gradient(160deg, #04222B 30%, #0A3D4A 100%);
  --cover-3: #445C62;
  --cover-4: #D4E6E1;
  --on-cover-4: #04222B;
  --accent-soft-d: #1C373A;
  --accent-ink-d: #219BA6;
  --indigo-soft-d: #284142;
  --indigo-ink-d: #4FB8B4;
}

/* Фуксия */
:root[data-accent="fuchsia"] {
  --bg: #FDF4F8;
  --side: #FAE8F0;
  --fill: #F8E2EC;
  --fill-2: #F0D3E0;
  --sep: rgb(46 11 31 / 0.12);
  --bar: rgb(253 244 248 / 0.78);
  --ink: #2E0B1F;
  --ink-2: #664A5A;
  --ink-3: #9A8490;
  --accent: #C93E86;
  --on-accent: #FFFFFF;
  --accent-ink: #C93E86;
  --accent-soft: #F6E0EC;
  --indigo: #E37FB2;
  --on-second: #2E0B1F;
  --indigo-soft: #FAE8F1;
  --indigo-ink: #B1417B;
  --deep: #2E0B1F;
  --hero: radial-gradient(110% 140% at 100% 0%, #E37FB2 0%, rgb(227 127 178 / 0.55) 22%, rgb(227 127 178 / 0) 56%), radial-gradient(70% 110% at 72% 128%, rgb(201 62 134 / 0.8) 0%, rgb(201 62 134 / 0) 64%), linear-gradient(160deg, #2E0B1F 30%, #5C1140 100%);
  --cover-3: #664A5A;
  --cover-4: #F0D3E0;
  --on-cover-4: #2E0B1F;
  --accent-soft-d: #462437;
  --accent-ink-d: #D56EA4;
  --indigo-soft-d: #4C3442;
  --indigo-ink-d: #E587B7;
}

/* Ягода */
:root[data-accent="berry"] {
  --bg: #FCF4F5;
  --side: #F8E9EB;
  --fill: #F5E4E6;
  --fill-2: #EDD5D8;
  --sep: rgb(75 15 30 / 0.12);
  --bar: rgb(252 244 245 / 0.78);
  --ink: #4B0F1E;
  --ink-2: #7B4D58;
  --ink-3: #A7868E;
  --accent: #B23C59;
  --on-accent: #FFFFFF;
  --accent-ink: #B23C59;
  --accent-soft: #F3E0E4;
  --indigo: #E07A94;
  --on-second: #4B0F1E;
  --indigo-soft: #F9E7EC;
  --indigo-ink: #B2425D;
  --deep: #4B0F1E;
  --hero: radial-gradient(110% 140% at 100% 0%, #E07A94 0%, rgb(224 122 148 / 0.55) 22%, rgb(224 122 148 / 0) 56%), radial-gradient(70% 110% at 72% 128%, rgb(178 60 89 / 0.8) 0%, rgb(178 60 89 / 0) 64%), linear-gradient(160deg, #4B0F1E 30%, #6D1D32 100%);
  --cover-3: #7B4D58;
  --cover-4: #EDD5D8;
  --on-cover-4: #4B0F1E;
  --accent-soft-d: #40242C;
  --accent-ink-d: #D27489;
  --indigo-soft-d: #4B333A;
  --indigo-ink-d: #E48AA2;
}

/* Лаванда */
:root[data-accent="lavender"] {
  --bg: #F6F3F7;
  --side: #EFEAF1;
  --fill: #EBE6ED;
  --fill-2: #E0D9E3;
  --sep: rgb(58 53 80 / 0.12);
  --bar: rgb(246 243 247 / 0.78);
  --ink: #3A3550;
  --ink-2: #6D687D;
  --ink-3: #928E9D;
  --accent: #585272;
  --on-accent: #FFFFFF;
  --accent-ink: #585272;
  --accent-soft: #E4E3E8;
  --indigo: #B7AFC9;
  --on-second: #3A3550;
  --indigo-soft: #E2DFE9;
  --indigo-ink: #675F75;
  --deep: #3A3550;
  --hero: radial-gradient(110% 140% at 100% 0%, #B7AFC9 0%, rgb(183 175 201 / 0.55) 22%, rgb(183 175 201 / 0) 56%), radial-gradient(70% 110% at 72% 128%, rgb(138 130 166 / 0.8) 0%, rgb(138 130 166 / 0) 64%), linear-gradient(160deg, #3A3550 30%, #585272 100%);
  --cover-3: #6D687D;
  --cover-4: #E0D9E3;
  --on-cover-4: #3A3550;
  --accent-soft-d: #2A2932;
  --accent-ink-d: #9188AA;
  --indigo-soft-d: #413F47;
  --indigo-ink-d: #B7AFC9;
}

/* Закат */
:root[data-accent="sunset"] {
  --bg: #FFF6F2;
  --side: #FEECE4;
  --fill: #FCE7DE;
  --fill-2: #F6DACD;
  --sep: rgb(76 29 61 / 0.12);
  --bar: rgb(255 246 242 / 0.78);
  --ink: #4C1D3D;
  --ink-2: #7C586E;
  --ink-3: #A48996;
  --accent: #DC586D;
  --on-accent: #FFFFFF;
  --accent-ink: #DC586D;
  --accent-soft: #F9E4E8;
  --indigo: #FFBB94;
  --on-second: #4C1D3D;
  --indigo-soft: #FFE4D4;
  --indigo-ink: #9A522D;
  --deep: #4C1D3D;
  --hero: radial-gradient(110% 140% at 100% 0%, #FFBB94 0%, rgb(255 187 148 / 0.55) 22%, rgb(255 187 148 / 0) 56%), radial-gradient(70% 110% at 72% 128%, rgb(220 88 109 / 0.8) 0%, rgb(220 88 109 / 0) 64%), linear-gradient(160deg, #4C1D3D 30%, #852E4E 100%);
  --cover-3: #7C586E;
  --cover-4: #F6DACD;
  --on-cover-4: #4C1D3D;
  --accent-soft-d: #4A2A31;
  --accent-ink-d: #E0687B;
  --indigo-soft-d: #52423A;
  --indigo-ink-d: #FFBB94;
}

/* Янтарь */
:root[data-accent="amber"] {
  --bg: #FBF5F3;
  --side: #F6ECE8;
  --fill: #F4E7E3;
  --fill-2: #EBDBD5;
  --sep: rgb(26 24 54 / 0.12);
  --bar: rgb(251 245 243 / 0.78);
  --ink: #1A1836;
  --ink-2: #575469;
  --ink-3: #8F8B98;
  --accent: #A54055;
  --on-accent: #FFFFFF;
  --accent-ink: #A54055;
  --accent-soft: #F1E0E4;
  --indigo: #E99856;
  --on-second: #1A1836;
  --indigo-soft: #FBECE1;
  --indigo-ink: #975C2E;
  --deep: #1A1836;
  --hero: radial-gradient(110% 140% at 100% 0%, #E99856 0%, rgb(233 152 86 / 0.55) 22%, rgb(233 152 86 / 0) 56%), radial-gradient(70% 110% at 72% 128%, rgb(165 64 85 / 0.8) 0%, rgb(165 64 85 / 0) 64%), linear-gradient(160deg, #1A1836 30%, #42164B 100%);
  --cover-3: #575469;
  --cover-4: #EBDBD5;
  --on-cover-4: #1A1836;
  --accent-soft-d: #3D252B;
  --accent-ink-d: #CA7586;
  --indigo-soft-d: #4D3A2B;
  --indigo-ink-d: #E99856;
}

/* Плитки выбора темы в «Профиле»: фон и три основных цвета каждой темы. */
.theme-tile[data-id="orange"] { --tile: #F5F5F7; --tile-ink: #171717; --c1: #F25623; --c2: #171717; --c3: #261A66; }
.theme-tile[data-id="sky"] { --tile: #F1F6FC; --tile-ink: #0C2340; --c1: #1A84F5; --c2: #0C2340; --c3: #0F8FA6; }
.theme-tile[data-id="lilac"] { --tile: #F6F3FD; --tile-ink: #1E1440; --c1: #7C5CFC; --c2: #1E1440; --c3: #D9488F; }
.theme-tile[data-id="mint"] { --tile: #F1F8F4; --tile-ink: #0F2E24; --c1: #12996A; --c2: #0F2E24; --c3: #F5B82E; }
.theme-tile[data-id="dusk"] { --tile: #F6F3F7; --tile-ink: #0E1F2F; --c1: #86A8CF; --c2: #0C1D4B; --c3: #C38EB4; }
.theme-tile[data-id="pastel"] { --tile: #F7F7F2; --tile-ink: #333A34; --c1: #F3C3B2; --c2: #657166; --c3: #99CDD8; }
.theme-tile[data-id="ocean"] { --tile: #F1F6FA; --tile-ink: #001D39; --c1: #0A4174; --c2: #001D39; --c3: #7BBDE8; }
.theme-tile[data-id="lagoon"] { --tile: #F0F8F6; --tile-ink: #04222B; --c1: #1D8B94; --c2: #04222B; --c3: #4FB8B4; }
.theme-tile[data-id="fuchsia"] { --tile: #FDF4F8; --tile-ink: #2E0B1F; --c1: #C93E86; --c2: #2E0B1F; --c3: #E37FB2; }
.theme-tile[data-id="berry"] { --tile: #FCF4F5; --tile-ink: #4B0F1E; --c1: #B23C59; --c2: #4B0F1E; --c3: #E07A94; }
.theme-tile[data-id="lavender"] { --tile: #F6F3F7; --tile-ink: #3A3550; --c1: #585272; --c2: #3A3550; --c3: #B7AFC9; }
.theme-tile[data-id="sunset"] { --tile: #FFF6F2; --tile-ink: #4C1D3D; --c1: #DC586D; --c2: #4C1D3D; --c3: #FFBB94; }
.theme-tile[data-id="amber"] { --tile: #FBF5F3; --tile-ink: #1A1836; --c1: #A54055; --c2: #1A1836; --c3: #E99856; }
.theme-tile .dots i:nth-child(1) { background: var(--c1); }
.theme-tile .dots i:nth-child(2) { background: var(--c2); }
.theme-tile .dots i:nth-child(3) { background: var(--c3); }

/* Тёмный режим: поверхности общие тёмные, от темы остаются её цвета. */
:root[data-accent][data-theme="dark"] {
  --bg: #000000; --side: #111112; --fill: #2C2C2E; --fill-2: #3A3A3C;
  --sep: rgb(84 84 88 / .55); --bar: rgb(18 18 19 / .76);
  --ink: #F5F5F7; --ink-2: #B4B4BA; --ink-3: #7C7C82;
  --accent-soft: var(--accent-soft-d); --accent-ink: var(--accent-ink-d);
  --indigo-soft: var(--indigo-soft-d); --indigo-ink: var(--indigo-ink-d);
  --cover-3: #48484A; --cover-4: #3A3A3C; --on-cover-4: #F5F5F7;
}
@media (prefers-color-scheme: dark) {
:root[data-accent]:not([data-theme="light"]) {
  --bg: #000000; --side: #111112; --fill: #2C2C2E; --fill-2: #3A3A3C;
  --sep: rgb(84 84 88 / .55); --bar: rgb(18 18 19 / .76);
  --ink: #F5F5F7; --ink-2: #B4B4BA; --ink-3: #7C7C82;
  --accent-soft: var(--accent-soft-d); --accent-ink: var(--accent-ink-d);
  --indigo-soft: var(--indigo-soft-d); --indigo-ink: var(--indigo-ink-d);
  --cover-3: #48484A; --cover-4: #3A3A3C; --on-cover-4: #F5F5F7;
}
}