/* ==========================================================================
   FAKECHAT CMS — DESIGN TOKENS & COLOR PALETTES ENGINE (v17.0)
   Active Palettes: Emerald (Default) • Telegram • WhatsApp • Indigo • Rose • Teal • Coral
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. EMERALD (ИЗУМРУД — ПО УМОЛЧАНИЮ)
   -------------------------------------------------------------------------- */
:root,
[data-palette="emerald"] {
  --disp: "Unbounded", "Onest", system-ui, sans-serif;
  color-scheme: light;
  --card-h: 420px;
  --sp: clamp(64px, 8vw, 104px);
  --g: 22px;

  --paper: #f4f8f6;
  --stripe: #eaf2ee;
  --stripe-bd: rgba(5, 150, 105, 0.1);
  --card: #ffffff;
  --alt: #e6f0eb;
  --tx: #082419;
  --tx2: #214434;
  --mut: #496b5a;
  --bd: #cbe0d5;
  --dot-color: rgba(5, 150, 105, 0.14);
  --dot: #10b981;

  --nav-bg: #ffffff;
  --nav-bg2: #ffffff;
  --nav-bd: rgba(5, 150, 105, 0.14);
  --nav-tx: #082419;
  --nav-sh: 0 16px 36px -12px rgba(4, 120, 87, 0.12);
  --tg-bg: rgba(5, 150, 105, 0.08);
  --tg-hv: rgba(5, 150, 105, 0.16);

  --violet: #059669; --vd: #047857; --vb: #10b981; --mint: #10b981;
  --t1: #e7f4ed; --t2: #edf7f2; --t3: #dcf0e5; --t4: #f1f8f4;
  --grad: linear-gradient(135deg, #10b981 0%, #047857 100%);
  --grad-vibrant: linear-gradient(135deg, #059669 0%, #065f46 100%);
  --sh: 0 16px 38px -12px rgba(4, 120, 87, 0.14);
  --t-g1: #047857; --t-g2: #10b981;
  --btn-bd: #86efac; --btn-tx: #047857; --btn-hv: rgba(255, 255, 255, 0.95);
  --eb-bg: rgba(255, 255, 255, 0.96); --eb-bd: #a7f3d0; --eb-tx: #047857;

  /* HERO */
  --h-bg: linear-gradient(180deg, #dcebe4 0%, #f4f8f6 100%);
  --acc: #059669; --dotc: #10b981;
  --dots: rgba(5, 150, 105, 0.38);
  --a1: rgba(52, 211, 153, 0.38); --a2: rgba(110, 231, 183, 0.32);
  --a3: rgba(5, 150, 105, 0.28); --a4: rgba(167, 243, 208, 0.32); --a5: rgba(4, 120, 87, 0.14);

  --ex-bg: radial-gradient(circle at 50% 0%, rgba(16, 185, 129, 0.25) 0%, transparent 55%), linear-gradient(180deg, #073826 0%, #031c13 100%);
  --ex-bd: rgba(52, 211, 153, 0.22);
  --cta-bg: linear-gradient(135deg, #059669 0%, #047857 50%, #064e3b 100%);
  --fin-bg: linear-gradient(135deg, #064e3b 0%, #059669 50%, #10b981 100%);
  --ft-bg: #d6eade; --ft-tx: #214434;

  --p0: #ffffff; --p1: #effaf4; --p2: #eaf7f0; --p3: #f2fbf6; --p4: #edf9f2; --p5: #f0faf4;
  --bad: #fff5f5; --badi: #fee2e2; --badf: #dc2626; --okbg: #dcfce7; --okfg: #15803d; --gold: #f59e0b;
}

[data-theme="dark"],
[data-theme="dark"][data-palette="emerald"],
[data-palette="emerald"][data-theme="dark"] {
  color-scheme: dark;
  --paper: #0b1411; --stripe: #101c18; --stripe-bd: rgba(16, 185, 129, 0.12);
  --card: #14221d; --alt: #0e1915; --tx: #eaf5f0; --tx2: #9bc4b1; --mut: #688e7b;
  --bd: #213a30; --dot-color: rgba(52, 211, 153, 0.12); --dot: #213a30;

  --nav-bg: #14221d; --nav-bg2: #14221d; --nav-bd: rgba(16, 185, 129, 0.2); --nav-tx: #eaf5f0;
  --nav-sh: 0 16px 44px -12px rgba(0, 0, 0, 0.8);
  --tg-bg: rgba(255, 255, 255, 0.08); --tg-hv: rgba(255, 255, 255, 0.15);

  --violet: #34d399; --vd: #10b981; --vb: #059669; --mint: #34d399;
  --t1: #152721; --t2: #1b332b; --t3: #12211c; --t4: #152721;
  --grad: linear-gradient(135deg, #10b981 0%, #047857 100%);
  --grad-vibrant: linear-gradient(135deg, #34d399 0%, #059669 100%);
  --sh: 0 20px 44px -14px rgba(0, 0, 0, 0.65);
  --t-g1: #34d399; --t-g2: #6ee7b7;
  --btn-bd: rgba(52, 211, 153, 0.35); --btn-tx: #ffffff;
  --eb-bg: rgba(20, 34, 29, 0.95); --eb-bd: rgba(52, 211, 153, 0.35); --eb-tx: #a7f3d0;

  --h-bg: #09100d; --acc: #10b981; --dotc: #34d399; --dots: rgba(52, 211, 153, 0.12);
  --a1: rgba(16, 185, 129, 0.3); --a2: rgba(52, 211, 153, 0.24);
  --a3: rgba(5, 150, 105, 0.26); --a4: rgba(167, 243, 208, 0.2); --a5: rgba(4, 120, 87, 0.3);

  --ex-bg: radial-gradient(circle at 50% 0%, rgba(16, 185, 129, 0.2) 0%, transparent 55%), linear-gradient(180deg, #091611 0%, #050b08 100%);
  --ex-bd: rgba(52, 211, 153, 0.2);
  --cta-bg: linear-gradient(135deg, #0c2017 0%, #133325 50%, #081610 100%);
  --fin-bg: linear-gradient(135deg, #0c2017 0%, #153828 50%, #112d21 100%);
  --ft-bg: #080f0c; --ft-tx: #8ba899;

  --p0: #14221d; --p1: #111e19; --p2: #162620; --p3: #13201b; --p4: #15241f; --p5: #172923;
}

/* --------------------------------------------------------------------------
   2. TELEGRAM (ЛАЗУРНО-СИНЯЯ ПАЛИТРА)
   -------------------------------------------------------------------------- */
[data-palette="telegram"] {
  --paper: #f4f8fc; --stripe: #ebf2f9; --stripe-bd: rgba(2, 132, 199, 0.1);
  --card: #ffffff; --alt: #e5eff9; --tx: #0b233a; --tx2: #23425f; --mut: #4e6a88;
  --bd: #cbe0f0; --dot-color: rgba(2, 132, 199, 0.13); --dot: #0ea5e9;

  --nav-bg: #ffffff; --nav-bg2: #ffffff; --nav-bd: rgba(2, 132, 199, 0.14);
  --nav-tx: #0b233a; --nav-sh: 0 16px 36px -12px rgba(2, 132, 199, 0.12);
  --tg-bg: rgba(2, 132, 199, 0.08); --tg-hv: rgba(2, 132, 199, 0.16);

  --violet: #0284c7; --vd: #0369a1; --vb: #0ea5e9; --mint: #38bdf8;
  --t1: #e6f2fb; --t2: #eef6fd; --t3: #d9ecf8; --t4: #f0f7fd;
  --grad: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
  --grad-vibrant: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
  --sh: 0 16px 38px -12px rgba(2, 132, 199, 0.14);
  --t-g1: #0369a1; --t-g2: #0ea5e9;
  --btn-bd: #7dd3fc; --btn-tx: #0369a1;
  --eb-bg: rgba(255, 255, 255, 0.96); --eb-bd: #bae6fd; --eb-tx: #0369a1;

  --h-bg: linear-gradient(180deg, #e0eafc 0%, #f4f8fc 100%);
  --ex-bg: radial-gradient(circle at 50% 0%, rgba(14, 165, 233, 0.28) 0%, transparent 55%), linear-gradient(180deg, #07223b 0%, #031221 100%);
  --ex-bd: rgba(56, 189, 248, 0.25);
  --cta-bg: linear-gradient(135deg, #0284c7 0%, #0369a1 50%, #082f49 100%);
  --fin-bg: linear-gradient(135deg, #0369a1 0%, #0284c7 50%, #0ea5e9 100%);
  --ft-bg: #d9e7f4; --ft-tx: #1e3a5f;

  --p0: #ffffff; --p1: #eef6fc; --p2: #e9f2fa; --p3: #f1f8fd; --p4: #ebf4fb; --p5: #edf5fc;
}

[data-palette="telegram"] .fh {
  --h-bg: linear-gradient(180deg, #e0eafc 0%, #f4f8fc 100%) !important;
  --acc: #0284c7 !important;
  --dotc: #0ea5e9 !important;
  --dots: rgba(2, 132, 199, 0.38) !important;
  --a1: rgba(56, 189, 248, 0.38) !important;
  --a2: rgba(147, 197, 253, 0.32) !important;
  --a3: rgba(2, 132, 199, 0.28) !important;
  --a4: rgba(186, 230, 253, 0.35) !important;
  --a5: rgba(3, 105, 161, 0.15) !important;
}
[data-palette="telegram"] .fh-phone {
  --frame: #0d1e2e !important; --rim: #244464 !important;
  --wall: radial-gradient(circle at 18% 8%, #102235, transparent 55%), #08111a !important;
  --hd: #0c1c2c !important; --in: #162f49 !important;
}
[data-palette="telegram"] .fh-phone.fh-light {
  --frame: #cfe1f2 !important; --rim: #a9c7e3 !important;
  --wall: #edf4fa !important; --hd: #ffffff !important; --in: #ffffff !important;
  --fg: #0b233a !important; --muted: #4e6a88 !important;
}

[data-palette="telegram"][data-theme="dark"],
[data-theme="dark"][data-palette="telegram"] {
  --paper: #09131e; --stripe: #0e1b2a; --stripe-bd: rgba(56, 189, 248, 0.12);
  --card: #122235; --alt: #0c1724; --tx: #eaf3fc; --tx2: #9bc0df; --mut: #6385a5;
  --bd: #1c3653; --dot-color: rgba(56, 189, 248, 0.12); --dot: #1c3653;

  --nav-bg: #122235; --nav-bg2: #122235; --nav-bd: rgba(56, 189, 248, 0.2); --nav-tx: #eaf3fc;
  --nav-sh: 0 16px 44px -12px rgba(0, 0, 0, 0.85);
  --tg-bg: rgba(255, 255, 255, 0.08); --tg-hv: rgba(255, 255, 255, 0.15);

  --violet: #38bdf8; --vd: #0ea5e9; --vb: #0284c7; --mint: #38bdf8;
  --t1: #13273e; --t2: #18324f; --t3: #112135; --t4: #14283f;
  --grad: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);
  --grad-vibrant: linear-gradient(135deg, #7dd3fc 0%, #0ea5e9 100%);
  --sh: 0 20px 44px -14px rgba(0, 0, 0, 0.7);
  --t-g1: #38bdf8; --t-g2: #7dd3fc;
  --btn-bd: rgba(56, 189, 248, 0.35); --btn-tx: #ffffff;
  --eb-bg: rgba(18, 34, 53, 0.95); --eb-bd: rgba(56, 189, 248, 0.35); --eb-tx: #bae6fd;

  --h-bg: #070e17;
  --ex-bg: radial-gradient(circle at 50% 0%, rgba(14, 165, 233, 0.22) 0%, transparent 55%), linear-gradient(180deg, #091a2b 0%, #050e18 100%);
  --ex-bd: rgba(56, 189, 248, 0.2);
  --cta-bg: linear-gradient(135deg, #0c2338 0%, #123758 50%, #071725 100%);
  --fin-bg: linear-gradient(135deg, #0c2338 0%, #153d61 50%, #0a1e30 100%);
  --ft-bg: #060c14; --ft-tx: #7d9cb8;

  --p0: #122235; --p1: #0f1c2b; --p2: #14253a; --p3: #112032; --p4: #132438; --p5: #15273d;
}
[data-palette="telegram"][data-theme="dark"] .fh,
[data-theme="dark"][data-palette="telegram"] .fh {
  --h-bg: #070e17 !important;
  --acc: #0ea5e9 !important;
  --dotc: #38bdf8 !important;
  --dots: rgba(56, 189, 248, 0.12) !important;
  --a1: rgba(14, 165, 233, 0.3) !important;
  --a2: rgba(56, 189, 248, 0.24) !important;
  --a3: rgba(2, 132, 199, 0.25) !important;
  --a4: rgba(125, 211, 252, 0.18) !important;
  --a5: rgba(3, 105, 161, 0.3) !important;
}

/* --------------------------------------------------------------------------
   3. WHATSAPP (ПАСТЕЛЬНАЯ ЗЕЛЕНАЯ ПАЛИТРА)
   -------------------------------------------------------------------------- */
[data-palette="whatsapp"] {
  --paper: #f4f9f5; --stripe: #eaf4ed; --stripe-bd: rgba(22, 163, 74, 0.1);
  --card: #ffffff; --alt: #e5f2e8; --tx: #0a2514; --tx2: #21482f; --mut: #497057;
  --bd: #cae3cf; --dot-color: rgba(22, 163, 74, 0.14); --dot: #22c55e;

  --nav-bg: #ffffff; --nav-bg2: #ffffff; --nav-bd: rgba(22, 163, 74, 0.14);
  --nav-tx: #0a2514; --nav-sh: 0 16px 36px -12px rgba(22, 163, 74, 0.12);
  --tg-bg: rgba(22, 163, 74, 0.08); --tg-hv: rgba(22, 163, 74, 0.16);

  --violet: #16a34a; --vd: #15803d; --vb: #22c55e; --mint: #4ade80;
  --t1: #e7f5eb; --t2: #edf8f0; --t3: #d9f0df; --t4: #f1f9f3;
  --grad: linear-gradient(135deg, #22c55e 0%, #15803d 100%);
  --grad-vibrant: linear-gradient(135deg, #16a34a 0%, #166534 100%);
  --sh: 0 16px 38px -12px rgba(21, 128, 61, 0.14);
  --t-g1: #15803d; --t-g2: #22c55e;
  --btn-bd: #86efac; --btn-tx: #15803d;
  --eb-bg: rgba(255, 255, 255, 0.96); --eb-bd: #bbf7d0; --eb-tx: #15803d;

  --h-bg: linear-gradient(180deg, #dcefe2 0%, #f4f9f5 100%);
  --ex-bg: radial-gradient(circle at 50% 0%, rgba(34, 197, 94, 0.28) 0%, transparent 55%), linear-gradient(180deg, #093319 0%, #04190c 100%);
  --ex-bd: rgba(74, 222, 128, 0.25);
  --cta-bg: linear-gradient(135deg, #16a34a 0%, #15803d 50%, #052e16 100%);
  --fin-bg: linear-gradient(135deg, #15803d 0%, #16a34a 50%, #22c55e 100%);
  --ft-bg: #d7eade; --ft-tx: #1a422a;

  --p0: #ffffff; --p1: #eff9f2; --p2: #e9f6ec; --p3: #f2faf4; --p4: #ecf7ef; --p5: #eef8f1;
}

[data-palette="whatsapp"] .fh {
  --h-bg: linear-gradient(180deg, #dcefe2 0%, #f4f9f5 100%) !important;
  --acc: #16a34a !important;
  --dotc: #22c55e !important;
  --dots: rgba(22, 163, 74, 0.38) !important;
  --a1: rgba(74, 222, 128, 0.38) !important;
  --a2: rgba(134, 239, 172, 0.32) !important;
  --a3: rgba(22, 163, 74, 0.28) !important;
  --a4: rgba(187, 247, 208, 0.35) !important;
  --a5: rgba(21, 128, 61, 0.14) !important;
}

[data-palette="whatsapp"][data-theme="dark"],
[data-theme="dark"][data-palette="whatsapp"] {
  --paper: #09150d; --stripe: #0e1e13; --stripe-bd: rgba(74, 222, 128, 0.12);
  --card: #132719; --alt: #0c1a10; --tx: #ebf7ee; --tx2: #9bc6a7; --mut: #659172;
  --bd: #1e3d27; --dot-color: rgba(74, 222, 128, 0.12); --dot: #1e3d27;

  --nav-bg: #132719; --nav-bg2: #132719; --nav-bd: rgba(74, 222, 128, 0.2); --nav-tx: #ebf7ee;
  --nav-sh: 0 16px 44px -12px rgba(0, 0, 0, 0.85);
  --tg-bg: rgba(255, 255, 255, 0.08); --tg-hv: rgba(255, 255, 255, 0.15);

  --violet: #4ade80; --vd: #22c55e; --vb: #16a34a; --mint: #4ade80;
  --t1: #142a1b; --t2: #1a3723; --t3: #112417; --t4: #152d1c;
  --grad: linear-gradient(135deg, #4ade80 0%, #16a34a 100%);
  --grad-vibrant: linear-gradient(135deg, #86efac 0%, #22c55e 100%);
  --sh: 0 20px 44px -14px rgba(0, 0, 0, 0.7);
  --t-g1: #4ade80; --t-g2: #86efac;
  --btn-bd: rgba(74, 222, 128, 0.35); --btn-tx: #ffffff;
  --eb-bg: rgba(19, 39, 25, 0.95); --eb-bd: rgba(74, 222, 128, 0.35); --eb-tx: #bbf7d0;

  --h-bg: #071009;
  --ex-bg: radial-gradient(circle at 50% 0%, rgba(34, 197, 94, 0.22) 0%, transparent 55%), linear-gradient(180deg, #092413 0%, #05120a 100%);
  --ex-bd: rgba(74, 222, 128, 0.2);
  --cta-bg: linear-gradient(135deg, #0f2c1b 0%, #164329 50%, #091910 100%);
  --fin-bg: linear-gradient(135deg, #0f2c1b 0%, #1a4d30 50%, #0d2518 100%);
  --ft-bg: #060d07; --ft-tx: #7fa88c;

  --p0: #132719; --p1: #102115; --p2: #152b1c; --p3: #122417; --p4: #14291a; --p5: #162e1e;
}
[data-palette="whatsapp"][data-theme="dark"] .fh,
[data-theme="dark"][data-palette="whatsapp"] .fh {
  --h-bg: #071009 !important;
  --acc: #22c55e !important;
  --dotc: #4ade80 !important;
  --dots: rgba(74, 222, 128, 0.12) !important;
  --a1: rgba(34, 197, 94, 0.3) !important;
  --a2: rgba(74, 222, 128, 0.24) !important;
  --a3: rgba(22, 163, 74, 0.25) !important;
  --a4: rgba(134, 239, 172, 0.18) !important;
  --a5: rgba(21, 128, 61, 0.3) !important;
}

/* --------------------------------------------------------------------------
   4. INDIGO (ИНДИГО)
   -------------------------------------------------------------------------- */
[data-palette="indigo"] {
  color-scheme: light;
  --paper: #f6f7fd; --stripe: #eceffa; --stripe-bd: rgba(79,70,229, 0.1);
  --card: #ffffff; --alt: #e6e9f7; --tx: #151a3a; --tx2: #2e3566; --mut: #5a6290;
  --bd: #d3d8ef; --dot-color: rgba(79,70,229, 0.13); --dot: #6366f1;

  --nav-bg: #ffffff; --nav-bg2: #ffffff; --nav-bd: rgba(79,70,229, 0.14);
  --nav-tx: #151a3a; --nav-sh: 0 16px 36px -12px rgba(79,70,229, 0.14);
  --tg-bg: rgba(79,70,229, 0.08); --tg-hv: rgba(79,70,229, 0.16);

  --violet: #4f46e5; --vd: #4338ca; --vb: #6366f1; --mint: #818cf8;
  --t1: #e8eafc; --t2: #f0f1fd; --t3: #dde1f8; --t4: #f3f4fd;
  --grad: linear-gradient(135deg, #6366f1 0%, #4338ca 100%);
  --grad-vibrant: linear-gradient(135deg, #4f46e5 0%, #3730a3 100%);
  --sh: 0 16px 38px -12px rgba(79,70,229, 0.16);
  --t-g1: #4338ca; --t-g2: #6366f1;
  --btn-bd: #a5b4fc; --btn-tx: #4338ca;
  --eb-bg: rgba(255, 255, 255, 0.96); --eb-bd: #c7d2fe; --eb-tx: #4338ca;

  --h-bg: linear-gradient(180deg, #e0e4fa 0%, #f6f7fd 100%);
  --ex-bg: radial-gradient(circle at 50% 0%, rgba(99,102,241, 0.28) 0%, transparent 55%), linear-gradient(180deg, #1b1c4a 0%, #0c0d26 100%);
  --ex-bd: rgba(129,140,248, 0.25);
  --cta-bg: linear-gradient(135deg, #4f46e5 0%, #4338ca 50%, #1e1b4b 100%);
  --fin-bg: linear-gradient(135deg, #4338ca 0%, #4f46e5 50%, #6366f1 100%);
  --ft-bg: #dfe3f6; --ft-tx: #25295a;

  --p0: #ffffff; --p1: #f1f2fc; --p2: #ebedfa; --p3: #f4f5fd; --p4: #eef0fb; --p5: #f0f1fc;
}

[data-palette="indigo"] .fh {
  --h-bg: linear-gradient(180deg, #e0e4fa 0%, #f6f7fd 100%) !important;
  --acc: #4f46e5 !important;
  --dotc: #6366f1 !important;
  --dots: rgba(99,102,241, 0.38) !important;
  --a1: rgba(129,140,248, 0.38) !important;
  --a2: rgba(165,180,252, 0.32) !important;
  --a3: rgba(79,70,229, 0.28) !important;
  --a4: rgba(199,210,254, 0.35) !important;
  --a5: rgba(67,56,202, 0.14) !important;
}

[data-palette="indigo"][data-theme="dark"],
[data-theme="dark"][data-palette="indigo"] {
  color-scheme: dark;
  --paper: #0c0d1f; --stripe: #111329; --stripe-bd: rgba(129,140,248, 0.12);
  --card: #181a38; --alt: #0f1124; --tx: #eef0fc; --tx2: #aab0dc; --mut: #7077a8;
  --bd: #272a54; --dot-color: rgba(129,140,248, 0.12); --dot: #272a54;

  --nav-bg: #181a38; --nav-bg2: #181a38; --nav-bd: rgba(129,140,248, 0.2); --nav-tx: #eef0fc;
  --nav-sh: 0 16px 44px -12px rgba(0, 0, 0, 0.85);
  --tg-bg: rgba(255, 255, 255, 0.08); --tg-hv: rgba(255, 255, 255, 0.15);

  --violet: #818cf8; --vd: #6366f1; --vb: #4f46e5; --mint: #a5b4fc;
  --t1: #1a1c40; --t2: #222550; --t3: #15173a; --t4: #1b1d42;
  --grad: linear-gradient(135deg, #818cf8 0%, #4f46e5 100%);
  --grad-vibrant: linear-gradient(135deg, #a5b4fc 0%, #6366f1 100%);
  --sh: 0 20px 44px -14px rgba(0, 0, 0, 0.7);
  --t-g1: #818cf8; --t-g2: #a5b4fc;
  --btn-bd: rgba(129,140,248, 0.35); --btn-tx: #ffffff;
  --eb-bg: rgba(24,26,56, 0.95); --eb-bd: rgba(129,140,248, 0.35); --eb-tx: #c7d2fe;

  --h-bg: #090a18;
  --ex-bg: radial-gradient(circle at 50% 0%, rgba(99,102,241, 0.22) 0%, transparent 55%), linear-gradient(180deg, #12143a 0%, #080918 100%);
  --ex-bd: rgba(129,140,248, 0.2);
  --cta-bg: linear-gradient(135deg, #17194a 0%, #262a6b 50%, #0e0f2c 100%);
  --fin-bg: linear-gradient(135deg, #17194a 0%, #2b2f78 50%, #12143a 100%);
  --ft-bg: #07081a; --ft-tx: #8f96c8;

  --p0: #181a38; --p1: #141630; --p2: #1b1d40; --p3: #171936; --p4: #1a1c3d; --p5: #1d1f45;
}
[data-palette="indigo"][data-theme="dark"] .fh,
[data-theme="dark"][data-palette="indigo"] .fh {
  --h-bg: #090a18 !important;
  --acc: #6366f1 !important;
  --dotc: #818cf8 !important;
  --dots: rgba(129,140,248, 0.12) !important;
  --a1: rgba(99,102,241, 0.3) !important;
  --a2: rgba(129,140,248, 0.24) !important;
  --a3: rgba(79,70,229, 0.25) !important;
  --a4: rgba(165,180,252, 0.18) !important;
  --a5: rgba(67,56,202, 0.3) !important;
}

/* --------------------------------------------------------------------------
   5. ROSE (ПУДРОВАЯ РОЗА)
   -------------------------------------------------------------------------- */
[data-palette="rose"] {
  color-scheme: light;
  --paper: #fdf6f8; --stripe: #f8ecf0; --stripe-bd: rgba(219,39,119, 0.1);
  --card: #ffffff; --alt: #f3e4ea; --tx: #2d0f1c; --tx2: #52243a; --mut: #7d5468;
  --bd: #ecd3dd; --dot-color: rgba(219,39,119, 0.13); --dot: #ec4899;

  --nav-bg: #ffffff; --nav-bg2: #ffffff; --nav-bd: rgba(219,39,119, 0.14);
  --nav-tx: #2d0f1c; --nav-sh: 0 16px 36px -12px rgba(219,39,119, 0.14);
  --tg-bg: rgba(219,39,119, 0.08); --tg-hv: rgba(219,39,119, 0.16);

  --violet: #db2777; --vd: #be185d; --vb: #ec4899; --mint: #f472b6;
  --t1: #fbe9f0; --t2: #fdf0f5; --t3: #f8dde8; --t4: #fef3f7;
  --grad: linear-gradient(135deg, #ec4899 0%, #be185d 100%);
  --grad-vibrant: linear-gradient(135deg, #db2777 0%, #9d174d 100%);
  --sh: 0 16px 38px -12px rgba(219,39,119, 0.16);
  --t-g1: #be185d; --t-g2: #ec4899;
  --btn-bd: #f9a8d4; --btn-tx: #be185d;
  --eb-bg: rgba(255, 255, 255, 0.96); --eb-bd: #fbcfe8; --eb-tx: #be185d;

  --h-bg: linear-gradient(180deg, #f7dfe8 0%, #fdf6f8 100%);
  --ex-bg: radial-gradient(circle at 50% 0%, rgba(236,72,153, 0.28) 0%, transparent 55%), linear-gradient(180deg, #3b0a22 0%, #1c0411 100%);
  --ex-bd: rgba(244,114,182, 0.25);
  --cta-bg: linear-gradient(135deg, #db2777 0%, #be185d 50%, #500724 100%);
  --fin-bg: linear-gradient(135deg, #be185d 0%, #db2777 50%, #ec4899 100%);
  --ft-bg: #f1dde6; --ft-tx: #4a1d34;

  --p0: #ffffff; --p1: #fcf0f5; --p2: #f9ebf1; --p3: #fef4f8; --p4: #fbeef3; --p5: #fcf0f4;
}

[data-palette="rose"] .fh {
  --h-bg: linear-gradient(180deg, #f7dfe8 0%, #fdf6f8 100%) !important;
  --acc: #db2777 !important;
  --dotc: #ec4899 !important;
  --dots: rgba(236,72,153, 0.38) !important;
  --a1: rgba(244,114,182, 0.38) !important;
  --a2: rgba(249,168,212, 0.32) !important;
  --a3: rgba(219,39,119, 0.28) !important;
  --a4: rgba(251,207,232, 0.35) !important;
  --a5: rgba(190,24,93, 0.14) !important;
}

[data-palette="rose"][data-theme="dark"],
[data-theme="dark"][data-palette="rose"] {
  color-scheme: dark;
  --paper: #170a10; --stripe: #20101a; --stripe-bd: rgba(244,114,182, 0.12);
  --card: #2b1622; --alt: #1c0d14; --tx: #fbeff4; --tx2: #dba9bf; --mut: #a07084;
  --bd: #472236; --dot-color: rgba(244,114,182, 0.12); --dot: #472236;

  --nav-bg: #2b1622; --nav-bg2: #2b1622; --nav-bd: rgba(244,114,182, 0.2); --nav-tx: #fbeff4;
  --nav-sh: 0 16px 44px -12px rgba(0, 0, 0, 0.85);
  --tg-bg: rgba(255, 255, 255, 0.08); --tg-hv: rgba(255, 255, 255, 0.15);

  --violet: #f472b6; --vd: #ec4899; --vb: #db2777; --mint: #f9a8d4;
  --t1: #331a28; --t2: #3f2032; --t3: #2a1520; --t4: #351c2a;
  --grad: linear-gradient(135deg, #f472b6 0%, #db2777 100%);
  --grad-vibrant: linear-gradient(135deg, #f9a8d4 0%, #ec4899 100%);
  --sh: 0 20px 44px -14px rgba(0, 0, 0, 0.7);
  --t-g1: #f472b6; --t-g2: #f9a8d4;
  --btn-bd: rgba(244,114,182, 0.35); --btn-tx: #ffffff;
  --eb-bg: rgba(43,22,34, 0.95); --eb-bd: rgba(244,114,182, 0.35); --eb-tx: #fbcfe8;

  --h-bg: #12070c;
  --ex-bg: radial-gradient(circle at 50% 0%, rgba(236,72,153, 0.22) 0%, transparent 55%), linear-gradient(180deg, #2a0f1d 0%, #12060c 100%);
  --ex-bd: rgba(244,114,182, 0.2);
  --cta-bg: linear-gradient(135deg, #3a1228 0%, #5a1c3f 50%, #210b17 100%);
  --fin-bg: linear-gradient(135deg, #3a1228 0%, #66214a 50%, #2a0e1d 100%);
  --ft-bg: #0e0509; --ft-tx: #b98aa0;

  --p0: #2b1622; --p1: #25131d; --p2: #301927; --p3: #28151f; --p4: #2d1825; --p5: #331b2a;
}
[data-palette="rose"][data-theme="dark"] .fh,
[data-theme="dark"][data-palette="rose"] .fh {
  --h-bg: #12070c !important;
  --acc: #ec4899 !important;
  --dotc: #f472b6 !important;
  --dots: rgba(244,114,182, 0.12) !important;
  --a1: rgba(236,72,153, 0.3) !important;
  --a2: rgba(244,114,182, 0.24) !important;
  --a3: rgba(219,39,119, 0.25) !important;
  --a4: rgba(249,168,212, 0.18) !important;
  --a5: rgba(190,24,93, 0.3) !important;
}

/* --------------------------------------------------------------------------
   6. TEAL (МОРСКАЯ БИРЮЗА)
   -------------------------------------------------------------------------- */
[data-palette="teal"] {
  color-scheme: light;
  --paper: #f3f9f9; --stripe: #e7f3f3; --stripe-bd: rgba(13,148,136, 0.1);
  --card: #ffffff; --alt: #e0eeee; --tx: #052625; --tx2: #134746; --mut: #44706f;
  --bd: #c6e1e0; --dot-color: rgba(13,148,136, 0.13); --dot: #14b8a6;

  --nav-bg: #ffffff; --nav-bg2: #ffffff; --nav-bd: rgba(13,148,136, 0.14);
  --nav-tx: #052625; --nav-sh: 0 16px 36px -12px rgba(13,148,136, 0.14);
  --tg-bg: rgba(13,148,136, 0.08); --tg-hv: rgba(13,148,136, 0.16);

  --violet: #0d9488; --vd: #0f766e; --vb: #14b8a6; --mint: #2dd4bf;
  --t1: #e0f3f2; --t2: #ebf8f7; --t3: #d3eeec; --t4: #f0f9f9;
  --grad: linear-gradient(135deg, #14b8a6 0%, #0f766e 100%);
  --grad-vibrant: linear-gradient(135deg, #0d9488 0%, #115e59 100%);
  --sh: 0 16px 38px -12px rgba(13,148,136, 0.16);
  --t-g1: #0f766e; --t-g2: #14b8a6;
  --btn-bd: #5eead4; --btn-tx: #0f766e;
  --eb-bg: rgba(255, 255, 255, 0.96); --eb-bd: #99f6e4; --eb-tx: #0f766e;

  --h-bg: linear-gradient(180deg, #d9eeee 0%, #f3f9f9 100%);
  --ex-bg: radial-gradient(circle at 50% 0%, rgba(20,184,166, 0.28) 0%, transparent 55%), linear-gradient(180deg, #04302f 0%, #021817 100%);
  --ex-bd: rgba(45,212,191, 0.25);
  --cta-bg: linear-gradient(135deg, #0d9488 0%, #0f766e 50%, #042f2e 100%);
  --fin-bg: linear-gradient(135deg, #115e59 0%, #0d9488 50%, #14b8a6 100%);
  --ft-bg: #d3e8e7; --ft-tx: #134746;

  --p0: #ffffff; --p1: #eef9f8; --p2: #e8f5f4; --p3: #f1fafa; --p4: #ebf7f6; --p5: #eef8f8;
}

[data-palette="teal"] .fh {
  --h-bg: linear-gradient(180deg, #d9eeee 0%, #f3f9f9 100%) !important;
  --acc: #0d9488 !important;
  --dotc: #14b8a6 !important;
  --dots: rgba(20,184,166, 0.38) !important;
  --a1: rgba(45,212,191, 0.38) !important;
  --a2: rgba(94,234,212, 0.32) !important;
  --a3: rgba(13,148,136, 0.28) !important;
  --a4: rgba(153,246,228, 0.35) !important;
  --a5: rgba(15,118,110, 0.14) !important;
}

[data-palette="teal"][data-theme="dark"],
[data-theme="dark"][data-palette="teal"] {
  color-scheme: dark;
  --paper: #081312; --stripe: #0d1c1b; --stripe-bd: rgba(45,212,191, 0.12);
  --card: #112625; --alt: #0a1716; --tx: #e9f6f5; --tx2: #9bc8c5; --mut: #66918e;
  --bd: #1d3d3b; --dot-color: rgba(45,212,191, 0.12); --dot: #1d3d3b;

  --nav-bg: #112625; --nav-bg2: #112625; --nav-bd: rgba(45,212,191, 0.2); --nav-tx: #e9f6f5;
  --nav-sh: 0 16px 44px -12px rgba(0, 0, 0, 0.85);
  --tg-bg: rgba(255, 255, 255, 0.08); --tg-hv: rgba(255, 255, 255, 0.15);

  --violet: #2dd4bf; --vd: #14b8a6; --vb: #0d9488; --mint: #5eead4;
  --t1: #122b29; --t2: #183835; --t3: #0f2220; --t4: #132d2b;
  --grad: linear-gradient(135deg, #2dd4bf 0%, #0d9488 100%);
  --grad-vibrant: linear-gradient(135deg, #5eead4 0%, #14b8a6 100%);
  --sh: 0 20px 44px -14px rgba(0, 0, 0, 0.7);
  --t-g1: #2dd4bf; --t-g2: #5eead4;
  --btn-bd: rgba(45,212,191, 0.35); --btn-tx: #ffffff;
  --eb-bg: rgba(17,38,37, 0.95); --eb-bd: rgba(45,212,191, 0.35); --eb-tx: #99f6e4;

  --h-bg: #060f0e;
  --ex-bg: radial-gradient(circle at 50% 0%, rgba(20,184,166, 0.22) 0%, transparent 55%), linear-gradient(180deg, #082220 0%, #040f0e 100%);
  --ex-bd: rgba(45,212,191, 0.2);
  --cta-bg: linear-gradient(135deg, #0b2927 0%, #12403c 50%, #071816 100%);
  --fin-bg: linear-gradient(135deg, #0b2927 0%, #155049 50%, #0d2120 100%);
  --ft-bg: #050c0b; --ft-tx: #7fb0ad;

  --p0: #112625; --p1: #0e201f; --p2: #132b2a; --p3: #102322; --p4: #122928; --p5: #142e2c;
}
[data-palette="teal"][data-theme="dark"] .fh,
[data-theme="dark"][data-palette="teal"] .fh {
  --h-bg: #060f0e !important;
  --acc: #14b8a6 !important;
  --dotc: #2dd4bf !important;
  --dots: rgba(45,212,191, 0.12) !important;
  --a1: rgba(20,184,166, 0.3) !important;
  --a2: rgba(45,212,191, 0.24) !important;
  --a3: rgba(13,148,136, 0.25) !important;
  --a4: rgba(94,234,212, 0.18) !important;
  --a5: rgba(15,118,110, 0.3) !important;
}

/* --------------------------------------------------------------------------
   7. CORAL (ПЕРСИКОВЫЙ КОРАЛЛ)
   -------------------------------------------------------------------------- */
[data-palette="coral"] {
  color-scheme: light;
  --paper: #fdf6f3; --stripe: #f8ece7; --stripe-bd: rgba(226,87,59, 0.1);
  --card: #ffffff; --alt: #f2e3dc; --tx: #2e1209; --tx2: #532a1c; --mut: #7d5646;
  --bd: #ecd5ca; --dot-color: rgba(226,87,59, 0.13); --dot: #fb7c63;

  --nav-bg: #ffffff; --nav-bg2: #ffffff; --nav-bd: rgba(226,87,59, 0.14);
  --nav-tx: #2e1209; --nav-sh: 0 16px 36px -12px rgba(226,87,59, 0.14);
  --tg-bg: rgba(226,87,59, 0.08); --tg-hv: rgba(226,87,59, 0.16);

  --violet: #e2573b; --vd: #c0412a; --vb: #fb7c63; --mint: #fda18f;
  --t1: #fbebe5; --t2: #fdf2ee; --t3: #f7e0d6; --t4: #fef4f0;
  --grad: linear-gradient(135deg, #fb7c63 0%, #c0412a 100%);
  --grad-vibrant: linear-gradient(135deg, #e2573b 0%, #9a3412 100%);
  --sh: 0 16px 38px -12px rgba(226,87,59, 0.16);
  --t-g1: #c0412a; --t-g2: #fb7c63;
  --btn-bd: #fdba9f; --btn-tx: #c0412a;
  --eb-bg: rgba(255, 255, 255, 0.96); --eb-bd: #fed7c8; --eb-tx: #c0412a;

  --h-bg: linear-gradient(180deg, #f8e0d6 0%, #fdf6f3 100%);
  --ex-bg: radial-gradient(circle at 50% 0%, rgba(251,124,99, 0.28) 0%, transparent 55%), linear-gradient(180deg, #3a1408 0%, #1c0902 100%);
  --ex-bd: rgba(253,161,143, 0.25);
  --cta-bg: linear-gradient(135deg, #e2573b 0%, #c0412a 50%, #4a1509 100%);
  --fin-bg: linear-gradient(135deg, #b93a22 0%, #e2573b 50%, #fb7c63 100%);
  --ft-bg: #f0ddd3; --ft-tx: #4a2416;

  --p0: #ffffff; --p1: #fcf1ec; --p2: #f9ece6; --p3: #fef5f1; --p4: #fbefe9; --p5: #fcf1ed;
}

[data-palette="coral"] .fh {
  --h-bg: linear-gradient(180deg, #f8e0d6 0%, #fdf6f3 100%) !important;
  --acc: #e2573b !important;
  --dotc: #fb7c63 !important;
  --dots: rgba(251,124,99, 0.38) !important;
  --a1: rgba(253,161,143, 0.38) !important;
  --a2: rgba(253,186,159, 0.32) !important;
  --a3: rgba(226,87,59, 0.28) !important;
  --a4: rgba(254,215,200, 0.35) !important;
  --a5: rgba(192,65,42, 0.14) !important;
}

[data-palette="coral"][data-theme="dark"],
[data-theme="dark"][data-palette="coral"] {
  color-scheme: dark;
  --paper: #170c08; --stripe: #20120d; --stripe-bd: rgba(251,143,120, 0.12);
  --card: #2b1a13; --alt: #1c0e09; --tx: #fcf0ea; --tx2: #e0b3a3; --mut: #a67865;
  --bd: #47281d; --dot-color: rgba(251,143,120, 0.12); --dot: #47281d;

  --nav-bg: #2b1a13; --nav-bg2: #2b1a13; --nav-bd: rgba(251,143,120, 0.2); --nav-tx: #fcf0ea;
  --nav-sh: 0 16px 44px -12px rgba(0, 0, 0, 0.85);
  --tg-bg: rgba(255, 255, 255, 0.08); --tg-hv: rgba(255, 255, 255, 0.15);

  --violet: #fb8f78; --vd: #fb7c63; --vb: #e2573b; --mint: #fdb3a2;
  --t1: #331e16; --t2: #40261c; --t3: #2a1810; --t4: #352017;
  --grad: linear-gradient(135deg, #fb8f78 0%, #e2573b 100%);
  --grad-vibrant: linear-gradient(135deg, #fdb3a2 0%, #fb7c63 100%);
  --sh: 0 20px 44px -14px rgba(0, 0, 0, 0.7);
  --t-g1: #fb8f78; --t-g2: #fdb3a2;
  --btn-bd: rgba(251,143,120, 0.35); --btn-tx: #ffffff;
  --eb-bg: rgba(43,26,19, 0.95); --eb-bd: rgba(251,143,120, 0.35); --eb-tx: #fed7c8;

  --h-bg: #120905;
  --ex-bg: radial-gradient(circle at 50% 0%, rgba(251,124,99, 0.22) 0%, transparent 55%), linear-gradient(180deg, #2e1409 0%, #140803 100%);
  --ex-bd: rgba(251,143,120, 0.2);
  --cta-bg: linear-gradient(135deg, #3a1a10 0%, #5a2819 50%, #210e08 100%);
  --fin-bg: linear-gradient(135deg, #3a1a10 0%, #66301e 50%, #2a130b 100%);
  --ft-bg: #0e0604; --ft-tx: #bf9482;

  --p0: #2b1a13; --p1: #25160f; --p2: #301d15; --p3: #281811; --p4: #2d1b14; --p5: #331f17;
}
[data-palette="coral"][data-theme="dark"] .fh,
[data-theme="dark"][data-palette="coral"] .fh {
  --h-bg: #120905 !important;
  --acc: #fb7c63 !important;
  --dotc: #fb8f78 !important;
  --dots: rgba(251,143,120, 0.12) !important;
  --a1: rgba(251,124,99, 0.3) !important;
  --a2: rgba(251,143,120, 0.24) !important;
  --a3: rgba(226,87,59, 0.25) !important;
  --a4: rgba(253,179,162, 0.18) !important;
  --a5: rgba(192,65,42, 0.3) !important;
}

/* --------------------------------------------------------------------------
   8. ПЕРЕОПРЕДЕЛЕНИЯ ЦВЕТОВ БЛОКОВ ПОД АКТИВНУЮ ТЕМУ
   -------------------------------------------------------------------------- */
.sec-examples-full {
  background: var(--ex-bg) !important;
  border-block: 1px solid var(--ex-bd) !important;
}

.sec-cta2-full,
.tg-promo-card .alt {
  background: var(--cta-bg) !important;
}

.sec-fin-full {
  background: var(--fin-bg) !important;
}

footer {
  background: var(--ft-bg) !important;
  color: var(--ft-tx) !important;
}

.plan.hot {
  background: var(--grad-vibrant) !important;
}
.p3 .k:nth-child(1), .k.g1 { background: var(--grad) !important; }
.p3 .k:nth-child(2), .k.g2 { background: var(--grad-vibrant) !important; }
.p3 .k:nth-child(3) { background: var(--cta-bg) !important; }

.ph, .vcard, .e12-shot img {
  border-color: var(--vd) !important;
}

[data-theme="dark"] .old { color: #6978a3; }