/* Токены. Светлая тема — :root / [data-theme="light"], тёмная — [data-theme="dark"] на корневом элементе страницы. Палитра — data-palette="amber" data-acc="amber". */
:root { --retake-ease: cubic-bezier(0.22, 1, 0.36, 1); --retake-slow-ease: cubic-bezier(0.65, 0, 0.35, 1); --ink-h: #3b3930; --bg: #fdfbf8; --card: #ffffff; --ink: #16150f; --ink2: #3d3b33; --muted: #8a877c; --muted2: #a09d92; --line: #e6e4de; --line2: #eceae4; --line3: #f2f0ea; --rule: #e3e0d8; --dash: #cdc9bf; --chiptext: #857868; --hover: #f7f6f3; --chip: #f2f1ed; --notice-bg: #fff9ee; --notice-line: #f2d7a8; --sel: #fdf4f1; --zebra: rgba(200,140,70,0.03); --note-grad-v: linear-gradient(180deg, #f7ece0 0%, #f1d6bb 55%, #eab894 100%); --note-grad: linear-gradient(160deg, #f6e3cc 0%, #efc29a 50%, #e39466 100%); --note-in: rgba(255,253,250,0.88); --glass: rgba(255,255,255,0.07); --glass-line: rgba(255,255,255,0.55); --glass-hi: rgba(255,255,255,0.75); --glass-lo: rgba(22,21,15,0.06); --glass-solid: rgba(255,255,255,0.4); --glass-card: rgba(255,255,255,0.08); --glass-head: linear-gradient(140deg, rgba(255,255,255,0.62) 0%, rgba(255,255,255,0.46) 42%, rgba(255,255,255,0.54) 100%); --glass-sheen: rgba(255,255,255,0.45); --glass-edge: rgba(255,255,255,0.35); --glass-rim: linear-gradient(140deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.3) 32%, rgba(190,182,170,0.28) 58%, rgba(255,255,255,0.85) 100%); --dot: rgba(22,21,15,0.055); --pat: rgba(96,88,74,0.3); --pat2: rgba(96,88,74,0.14); --rim-a: rgba(255,255,255,0.9); --rim-b: rgba(255,255,255,0.35); --rim-c: rgba(255,255,255,0.04); --rim-d: rgba(255,255,255,0.28); --rim-e: rgba(255,255,255,0.6); --iri: 0.18; --track-glass: rgba(255,252,247,0.34); --od-head: #ffffff6b; --od-line: rgba(21,20,15,0.08); --od-in1: #ffffff8c; --od-in2: #ffffff38; --chip-glass: rgba(255,252,247,0.05); --chip-sheen: rgba(255,255,255,0.12); --chip-drop: rgba(70,52,34,0.22); --bal-bg: linear-gradient(140deg, rgba(255,255,255,0.62) 0%, rgba(255,255,255,0.34) 45%, rgba(255,255,255,0.46) 100%); --bal-ink: #5a1820; --bal-ring: rgba(90,24,32,0.3); --bal-dot: #e0a233; --hb1a: #ffffff; --hb1b: #ffffff; --hb1c: #ffffff; --hb2a: #dcc3a6; --hb2b: #e3cdb2; --hb2c: #e9d7c0; --hb2d: #efe0cd; --hb3a: #f0dfc7; --hb3b: #f5e8d5; --hb3c: #f9efe2; --hb3d: #fcf6ed; --hb3e: #fffcf8; --hb4a: #f0e7dd; --hb4b: #f7f2ec; --hb4c: #fdfaf7; --hb-line: rgba(255,255,255,0.8); --hb-pat: rgba(140,104,64,0.1); --hg1: rgba(255,238,208,0.8); --hg1-0: rgba(255,238,208,0); --hg2: rgba(186,206,236,0.6); --hg2-0: rgba(186,206,236,0); --hg3: rgba(222,162,120,0.42); --hg3-0: rgba(222,162,120,0); --hero-op: 1; --hero-scrim: radial-gradient(130% 140% at 4% 2%, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.34) 34%, rgba(255,255,255,0.1) 66%, rgba(255,255,255,0) 100%); --tip-fill: #ffffff; --tip-line: #ece8e2; --tip-shadow: 3px 4px 12px -6px rgba(60,44,30,0.14); --tip-shadow-h: 4px 6px 16px -6px rgba(60,44,30,0.18); --glass-sub: #4f4c44; --gc: linear-gradient(140deg, rgba(255,255,255,0.42) 0%, rgba(255,255,255,0.22) 42%, rgba(255,255,255,0.3) 100%); --gc-line: rgba(255,255,255,0.28); --gc-hi: rgba(255,255,255,0.95); --gc-lo: rgba(60,48,36,0.18); --rb1a: #eceae4; --rb1b: #f5f3ef; --rb2a: #e8e5dd; --rb2b: #f2f0ea; --rb3a: #e3e0d6; --rb3b: #efece5; --rb-line: rgba(255,255,255,0.55); --rb-shade: rgba(96,82,62,0.045); --rb-warm: rgba(198,136,78,0.1); --rb-cool: rgba(120,122,158,0.06); --dot2: rgba(22,21,15,0.13); --glow: rgba(240,78,35,0.08); --glow2: rgba(80,120,255,0.05); --g1: rgba(244,106,54,0.34); --g2: rgba(255,178,96,0.4); --g3: rgba(255,214,148,0.36); --g4: rgba(158,140,220,0.22); --g5: rgba(112,196,186,0.22); --accent: #5a1820; --accent-hover: #451118; --yellow: #ffcf5e; --yellow-ink: #2a2208; --prices-bg: color-mix(in oklab, var(--ink) 2.5%, transparent); --prices-line: var(--line3); --prices-drop: 0 0 0 0 transparent; }
[data-palette="cobalt"][data-theme="light"] { --ink-h: #2a2f3d; --bg: #f6f7fa; --card: #ffffff; --ink: #0d111c; --ink2: #323848; --muted: #7b8294; --muted2: #9aa0b0; --line: #e3e6ee; --line2: #e9ebf2; --line3: #f0f2f7; --rule: #dfe2eb; --dash: #c6cbd8; --chiptext: #5d6578; --hover: #f1f3f8; --chip: #eef0f6; --notice-bg: #f2f5ff; --notice-line: #cdd6ff; --sel: #eef1ff; --glass-rim: linear-gradient(140deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.3) 32%, rgba(168,176,200,0.28) 58%, rgba(255,255,255,0.85) 100%); --pat: rgba(70,82,120,0.26); --pat2: rgba(70,82,120,0.12); --track-glass: rgba(248,250,255,0.4); --chip-glass: rgba(248,250,255,0.06); --chip-drop: rgba(30,40,80,0.2); --bal-bg: linear-gradient(140deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0.52) 100%); --bal-ink: #2b3bf0; --bal-ring: rgba(43,59,240,0.28); --bal-dot: #20c9a6; --hb2a: #d3dbef; --hb2b: #dbe2f3; --hb2c: #e3e9f6; --hb2d: #eaeef9; --hb3a: #e2e7f5; --hb3b: #e9edf8; --hb3c: #eff2fa; --hb3d: #f4f6fc; --hb3e: #fafbfe; --hb4a: #ebeef7; --hb4b: #f2f4fa; --hb4c: #f9fafd; --hb-line: rgba(255,255,255,0.85); --hb-pat: rgba(60,76,130,0.09); --hg1: rgba(196,214,255,0.7); --hg1-0: rgba(196,214,255,0); --hg2: rgba(170,236,232,0.5); --hg2-0: rgba(170,236,232,0); --hg3: rgba(150,140,255,0.32); --hg3-0: rgba(150,140,255,0); --glass-sub: #454c5e; --gc-lo: rgba(36,44,72,0.16); --rb1a: #e8ebf2; --rb1b: #f3f5f9; --rb2a: #e4e7ef; --rb2b: #eff1f6; --rb3a: #dfe3ec; --rb3b: #ebeef4; --rb-shade: rgba(50,62,100,0.045); --rb-warm: rgba(90,110,255,0.08); --rb-cool: rgba(40,190,180,0.06); --dot2: rgba(13,17,28,0.12); --glow: rgba(43,59,240,0.08); --glow2: rgba(32,201,166,0.06); --g1: rgba(70,90,255,0.26); --g2: rgba(120,160,255,0.3); --g3: rgba(160,230,240,0.3); --g4: rgba(150,130,255,0.24); --g5: rgba(60,210,180,0.2); --accent: #2b3bf0; --accent-hover: #1e2bc9; --prices-bg: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%); --prices-line: #e6e9f1; --prices-drop: 0 18px 40px -30px rgba(20,30,80,0.22); }
[data-hero="plain"][data-palette] { --hero-show: none; }
[data-palette="amber"][data-theme="light"] { --ink-h: #4a3f35; --bg: #faf7f3; --card: #ffffff; --ink: #1c1712; --ink2: #43392f; --muted: #8d8173; --muted2: #a89c8e; --line: #ece5dc; --line2: #f0eae2; --line3: #f5f0ea; --rule: #e8e0d5; --dash: #d4c8b9; --chiptext: #6b5f52; --hover: #f7f1ea; --chip: #f4eee6; --notice-bg: #fff5ea; --notice-line: #f6d3ad; --sel: #fff0e2; --glass-rim: linear-gradient(140deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.3) 32%, rgba(200,170,140,0.26) 58%, rgba(255,255,255,0.85) 100%); --pat: rgba(130,90,50,0.24); --pat2: rgba(130,90,50,0.11); --track-glass: rgba(255,250,244,0.4); --chip-glass: rgba(255,250,244,0.06); --chip-drop: rgba(90,50,20,0.2); --bal-bg: linear-gradient(140deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.4) 45%, rgba(255,255,255,0.52) 100%); --bal-ink: #cf4f0e; --bal-ring: rgba(207,79,14,0.3); --bal-dot: #f59e0b; --hb2a: #f6dfc8; --hb2b: #f8e5d1; --hb2c: #faebdb; --hb2d: #fbf0e4; --hb3a: #f9e8d6; --hb3b: #fbeee0; --hb3c: #fcf3e9; --hb3d: #fdf7f0; --hb3e: #fefbf7; --hb4a: #fbf1e6; --hb4b: #fcf5ee; --hb4c: #fefaf6; --hb-line: rgba(255,255,255,0.85); --hb-pat: rgba(150,90,40,0.09); --hg1: rgba(255,196,140,0.7); --hg1-0: rgba(255,196,140,0); --hg2: rgba(255,220,150,0.55); --hg2-0: rgba(255,220,150,0); --hg3: rgba(255,140,90,0.32); --hg3-0: rgba(255,140,90,0); --glass-sub: #54483c; --gc-lo: rgba(80,50,24,0.16); --rb1a: #f4ece2; --rb1b: #f9f4ee; --rb2a: #f1e8dc; --rb2b: #f7f1e9; --rb3a: #eee3d5; --rb3b: #f5eee4; --rb-shade: rgba(110,70,30,0.045); --rb-warm: rgba(255,130,40,0.09); --rb-cool: rgba(255,190,60,0.07); --dot2: rgba(28,23,18,0.12); --glow: rgba(232,100,20,0.09); --glow2: rgba(245,160,30,0.07); --g1: rgba(255,130,50,0.26); --g2: rgba(255,180,110,0.3); --g3: rgba(255,220,160,0.32); --g4: rgba(255,120,90,0.22); --g5: rgba(250,190,70,0.22); --accent: #e5484d; --accent-hover: #c93a3f; --prices-bg: linear-gradient(180deg, #ffffff 0%, #fffcf9 100%); --prices-line: #efe7dd; --prices-drop: 0 18px 40px -30px rgba(90,50,20,0.22); }
[data-theme="dark"] { --field-bg: rgba(0,0,0,0.18); --ink-h: #e4e1da; --bg: #2e2b37; --card: #211f29; --ink: #ebe9f0; --ink2: #cbc7d4; --muted: #a19cab; --muted2: #8b8696; --line: #3a3745; --line2: #363341; --line3: #312e3b; --rule: #3d3a48; --dash: #575264; --chiptext: #b5b0bf; --hover: #34303f; --chip: #312e3b; --notice-bg: #2d2a35; --notice-line: #48435a; --sel: #382c36; --zebra: rgba(255,255,255,0.022); --note-grad-v: linear-gradient(180deg, #3d3540 0%, #5a4436 55%, #7a5034 100%); --note-grad: linear-gradient(160deg, #5a4330 0%, #8a5532 50%, #b0612d 100%); --note-in: rgba(30,28,26,0.86); --glass: rgba(255,255,255,0.03); --glass-line: rgba(255,255,255,0.1); --glass-hi: rgba(255,255,255,0.07); --glass-lo: rgba(0,0,0,0.25); --glass-solid: rgba(41,38,49,0.5); --glass-card: rgba(41,38,49,0.1); --glass-head: linear-gradient(140deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.04) 42%, rgba(255,255,255,0.06) 100%); --glass-head-old: rgba(41,41,40,0.62); --glass-sheen: rgba(255,255,255,0.08); --glass-edge: rgba(255,255,255,0.06); --glass-rim: linear-gradient(140deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.08) 34%, rgba(0,0,0,0.25) 60%, rgba(255,255,255,0.22) 100%); --dot: rgba(255,255,255,0.055); --pat: rgba(255,255,255,0.2); --pat2: rgba(255,255,255,0.09); --rim-a: rgba(255,255,255,0.22); --rim-b: rgba(255,255,255,0.09); --rim-c: rgba(255,255,255,0.02); --rim-d: rgba(255,255,255,0.06); --rim-e: rgba(255,255,255,0.14); --iri: 0.12; --track-glass: rgba(255,255,255,0.07); --od-head: rgba(39,36,48,0.5); --od-line: rgba(255,255,255,0.08); --od-in1: rgba(255,255,255,0.18); --od-in2: rgba(255,255,255,0.06); --chip-glass: rgba(255,255,255,0.05); --chip-sheen: rgba(255,255,255,0.1); --chip-drop: rgba(0,0,0,0.5); --bal-bg: linear-gradient(140deg, rgba(240,140,110,0.22) 0%, rgba(240,140,110,0.11) 45%, rgba(240,140,110,0.16) 100%); --bal-ink: #f6b39c; --bal-ring: rgba(240,140,110,0.34); --bal-dot: #f08c6e; --hb1a: #221f2b; --hb1b: #262230; --hb1c: #2a2635; --hb2a: #2a2633; --hb2b: #2e2a38; --hb2c: #322e3d; --hb2d: #363242; --hb3a: #332f3d; --hb3b: #373342; --hb3c: #3b3746; --hb3d: #3f3b4b; --hb3e: #433f4f; --hb4a: #3d3948; --hb4b: #433f4e; --hb4c: #494554; --hb-line: rgba(255,255,255,0.14); --hb-pat: rgba(255,255,255,0.05); --hg1: rgba(126,108,160,0.33); --hg1-0: rgba(126,108,160,0); --hg2: rgba(84,70,112,0.31); --hg2-0: rgba(84,70,112,0); --hg3: rgba(158,106,70,0.23); --hg3-0: rgba(158,106,70,0); --hero-op: 1; --hero-scrim: radial-gradient(130% 140% at 4% 2%, rgba(21,19,27,0.62) 0%, rgba(21,19,27,0.44) 34%, rgba(21,19,27,0.2) 66%, rgba(21,19,27,0.08) 100%); --dim-tint: rgba(46,36,26,0.34); --tip-fill: var(--card); --tip-line: var(--line2); --tip-shadow: 3px 4px 12px -6px rgba(0,0,0,0.4); --tip-shadow-h: 4px 6px 16px -6px rgba(0,0,0,0.5); --glass-sub: #cdcbc6; --gc: linear-gradient(140deg, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0.03) 42%, rgba(255,255,255,0.05) 100%); --gc-line: rgba(255,255,255,0.12); --gc-hi: rgba(255,255,255,0.3); --gc-lo: rgba(0,0,0,0.38); --rb1a: #3a322a; --rb1b: #5a4c3d; --rb2a: #2e2823; --rb2b: #4a4038; --rb3a: #262220; --rb3b: #3d3630; --rb-line: rgba(255,242,224,0.5); --rb-shade: rgba(0,0,0,0.3); --rb-warm: rgba(190,120,60,0.35); --rb-cool: rgba(96,100,140,0.22); --dot2: rgba(255,255,255,0.13); --glow: rgba(255,112,67,0.11); --glow2: rgba(120,160,255,0.07); --g1: rgba(255,124,74,0.34); --g2: rgba(226,148,78,0.28); --g3: rgba(196,150,96,0.22); --g4: rgba(124,110,190,0.26); --g5: rgba(70,166,158,0.2); --accent: #f08c6e; --accent-hover: #f6a487; --yellow: #e8b254; --yellow-ink: #1c1305; }
[data-theme="dark"][data-acc="vio"] { --accent: #8d63f2; --accent-hover: #a582f6; --bal-bg: linear-gradient(140deg, rgba(141,99,242,0.28) 0%, rgba(141,99,242,0.13) 45%, rgba(141,99,242,0.2) 100%); --bal-ink: #c4b0fb; --bal-ring: rgba(141,99,242,0.42); --bal-dot: #8d63f2; }
[data-theme="dark"][data-acc="lav"] { --accent: #a99ff4; --accent-hover: #c0b9f8; --bal-bg: linear-gradient(140deg, rgba(169,159,244,0.22) 0%, rgba(169,159,244,0.1) 45%, rgba(169,159,244,0.15) 100%); --bal-ink: #cfc9fb; --bal-ring: rgba(169,159,244,0.34); --bal-dot: #a99ff4; }
[data-theme="dark"][data-acc="rose"] { --accent: #e39aae; --accent-hover: #efb3c3; --bal-bg: linear-gradient(140deg, rgba(227,154,174,0.22) 0%, rgba(227,154,174,0.1) 45%, rgba(227,154,174,0.15) 100%); --bal-ink: #f2c3d0; --bal-ring: rgba(227,154,174,0.34); --bal-dot: #e39aae; }
[data-theme="dark"][data-acc="amber"] { --accent: #cf6a24; --accent-hover: #de7f3a; --bal-bg: linear-gradient(140deg, rgba(207,106,36,0.26) 0%, rgba(207,106,36,0.12) 45%, rgba(207,106,36,0.18) 100%); --bal-ink: #ec9a5e; --bal-ring: rgba(207,106,36,0.38); --bal-dot: #cf6a24; --bg: #24221f; --card: #1c1a18; --ink: #efebe5; --ink2: #cec8bf; --muted: #a49c91; --muted2: #8d867c; --line: #38342f; --line2: #34302b; --line3: #2f2b27; --rule: #3b3732; --dash: #57514a; --chiptext: #b9b2a8; --hover: #302c28; --chip: #2f2b27; --notice-bg: #2b2723; --notice-line: #4a4238; --sel: #3a2d22; --glass-solid: rgba(40,37,34,0.5); --glass-card: rgba(40,37,34,0.1); --od-head: rgba(36,34,31,0.5); --od-line: rgba(255,255,255,0.055); --od-in1: rgba(255,255,255,0.05); --od-in2: rgba(255,255,255,0.015); --chip-sheen: rgba(255,236,214,0.045); --glass-sweep: radial-gradient(90% 120% at 100% 100%, rgba(255,220,190,0.03), rgba(255,220,190,0) 60%); --rim-a: rgba(255,255,255,0.11); --rim-b: rgba(255,255,255,0.035); --rim-c: rgba(255,255,255,0); --rim-d: rgba(255,255,255,0.025); --rim-e: rgba(255,255,255,0.07); --chip-glass: rgba(255,255,255,0.025); }
[data-theme="dark"][data-acc="gold"] { --accent: #e6bf7a; --accent-hover: #f0d197; --bal-bg: linear-gradient(140deg, rgba(230,191,122,0.22) 0%, rgba(230,191,122,0.1) 45%, rgba(230,191,122,0.15) 100%); --bal-ink: #f3d9a5; --bal-ring: rgba(230,191,122,0.34); --bal-dot: #e6bf7a; }
[data-theme="light"] { --sb: rgba(70,52,34,0.24); --sb-h: rgba(70,52,34,0.42); }
[data-theme="dark"] { --field-bg: rgba(0,0,0,0.18); --sb: rgba(255,236,214,0.15); --sb-h: rgba(255,236,214,0.3); }