/* Three brand directions for comparison. Pick one, then the other two get deleted. */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;600;700&family=Inter:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&family=Golos+Text:wght@400;500;600;700;800&display=swap&subset=cyrillic");

/* A: Кобалт и жълто. Светла горна част, наситено синьо + жълто, кръгъл модерен шрифт, средни ъгли */
html[data-theme="a"] {
  --serif: "Montserrat", system-ui, sans-serif;
  --sans: "Manrope", system-ui, sans-serif;
  --ink: #0F1B3D; --muted: #46506A; --paper: #FFFFFF; --paper-2: #F2F5FC; --line: #DDE3F0;
  --accent: #2450E6; --accent-hover: #1A3EC0; --accent-soft: #E6ECFE;
  --cta: #2450E6; --cta-hover: #1A3EC0; --cta-ink: #FFFFFF; --cta-shadow: rgba(36,80,230,.3);
  --ring: rgba(36,80,230,.25); --bump-bg: #F5F8FF;
  --hero-bg: #FFFFFF; --hero-text: #0F1B3D; --hero-muted: #3D4A66; --hero-faint: #5B6785; --hero-accent: #2450E6;
  --dark-bg: #2450E6; --dark-text: #EEF2FF; --accent-on-dark: #FFD43B;
  --cover-bg: linear-gradient(160deg, #FFE27A 0%, #FFD43B 50%, #F5B700 100%); --cover-ink: #0F1B3D; --spine: #B38600;
  --good-bg: rgba(255,255,255,.12); --good-border: rgba(255,212,59,.7);
  --radius: 12px; --r-sm: 8px; --r-btn: 10px; --r-lg: 18px;
  --head-weight: 800; --head-tracking: -.02em; --head-lh: 1.12;
  --h1-size: clamp(1.85rem, 5.8vw, 3.1rem); --h2-size: clamp(1.45rem, 4.2vw, 2.2rem);
}
html[data-theme="a"] .hero h1 { color: var(--ink); }
html[data-theme="a"] .site-header.on-dark { background: var(--hero-bg); border-bottom-color: var(--line); }
html[data-theme="a"] .hero { border-bottom: 1px solid var(--line); }
html[data-theme="a"] .book-stage { background: radial-gradient(closest-side, #DCE5FF 0%, rgba(220,229,255,.6) 55%, rgba(255,255,255,0) 100%); }
html[data-theme="a"] .on-dark .logo { color: var(--ink); }
html[data-theme="a"] .on-dark .logo::before { background: var(--accent); box-shadow: 4px 4px 0 #FFD43B; }
html[data-theme="a"] .on-dark .secure { color: var(--ink); }
html[data-theme="a"] .hero .countdown div { background: #fff; border-color: var(--line); }
html[data-theme="a"] .hero .countdown b { color: var(--ink); }
html[data-theme="a"] .hero .micro svg { color: #15803D; }
html[data-theme="a"] .book .cover { box-shadow: 20px 26px 48px rgba(15,27,61,.28), inset 4px 0 8px rgba(0,0,0,.12); }
html[data-theme="a"] .compare .col.bad { background: rgba(15,27,61,.18); border-color: rgba(255,255,255,.2); }
html[data-theme="a"] .compare .bad svg { color: rgba(255,255,255,.65); }
html[data-theme="a"] .bad .person .p-body { stroke: rgba(255,255,255,.6); }
html[data-theme="a"] .bad .person .p-arrow { stroke: rgba(255,255,255,.6); }

/* B: Зелено AI. Тъмнозелено + лайм, модерен широк шрифт, меки ъгли и бутони-хапчета */
html[data-theme="b"] {
  --serif: "Unbounded", system-ui, sans-serif;
  --sans: "Inter", system-ui, sans-serif;
  --ink: #0E2620; --muted: #48544F; --paper: #FFFFFF; --paper-2: #F0F4EE; --line: #DCE3DA;
  --accent: #1F7A4D; --accent-hover: #17623D; --accent-soft: #E3F3E9;
  --cta: #C6F432; --cta-hover: #B4E31C; --cta-ink: #0E2620; --cta-shadow: rgba(140,190,20,.35);
  --accent-on-dark: #C6F432; --ring: rgba(31,122,77,.25); --bump-bg: #F4FAEF;
  --hero-bg: #0E2620; --hero-text: #E4ECE7; --hero-muted: #B7C7BF; --hero-faint: #8FA59A;
  --cover-bg: linear-gradient(160deg, #DBFB66 0%, #C6F432 50%, #9FD415 100%); --cover-ink: #0E2620; --spine: #557010;
  --good-bg: rgba(198,244,50,.08); --good-border: rgba(198,244,50,.45);
  --radius: 18px; --r-sm: 12px; --r-btn: 999px; --r-lg: 28px;
  --head-weight: 600; --head-tracking: -.02em; --head-lh: 1.2;
  --h1-size: clamp(1.7rem, 5.2vw, 2.7rem); --h2-size: clamp(1.35rem, 3.8vw, 2rem);
}

/* C: Червен сигнал. Черно + червено, тесен главен шрифт с главни букви, остри ъгли */
html[data-theme="c"] {
  --serif: "Oswald", "Arial Narrow", sans-serif;
  --sans: "Golos Text", system-ui, sans-serif;
  --ink: #0A0A0A; --muted: #4A4A4A; --paper: #FFFFFF; --paper-2: #F3F3F3; --line: #E2E2E2;
  --accent: #D7192A; --accent-hover: #B01020; --accent-soft: #FDE8EA;
  --cta: #D7192A; --cta-hover: #B01020; --cta-ink: #FFFFFF; --cta-shadow: rgba(215,25,42,.3);
  --accent-on-dark: #FF5463; --ring: rgba(215,25,42,.22); --bump-bg: #FFF5F6;
  --hero-bg: #0A0A0A; --hero-text: #EDEDED; --hero-muted: #C4C4C4; --hero-faint: #9A9A9A;
  --cover-bg: linear-gradient(160deg, #FF3B4A 0%, #D7192A 55%, #9E0F1C 100%); --cover-ink: #FFFFFF; --spine: #6E0A14;
  --good-bg: rgba(215,25,42,.12); --good-border: rgba(255,84,99,.5);
  --radius: 0px; --r-sm: 0px; --r-btn: 0px; --r-lg: 0px;
  --head-weight: 600; --head-transform: uppercase; --head-tracking: .005em; --head-lh: 1.1;
  --h1-size: clamp(2.1rem, 7vw, 3.6rem); --h2-size: clamp(1.7rem, 5vw, 2.5rem);
}
html[data-theme="c"] .btn { text-transform: uppercase; letter-spacing: .04em; }
html[data-theme="c"] .subhead { text-transform: none; }
html[data-theme="a"] { --ho-bg: #FFFFFF; --ho-border: var(--line); --ho-shadow: 0 12px 32px rgba(15,27,61,.10); }
html[data-theme="a"] .ho-note svg { color: #15803D; }

/* Generated covers (kie.ai, 8 Nov) replace the drawn cover in each theme */
html[data-theme="a"] { --cover-img: url("covers/cover-a.jpg"); }
html[data-theme="b"] { --cover-img: url("covers/cover-b.jpg"); }
html[data-theme="c"] { --cover-img: url("covers/cover-c.jpg"); }
html[data-theme] .book .cover { background: var(--cover-img) center / cover no-repeat; }
html[data-theme] .book .cover > *, html[data-theme] .book .cover::before { visibility: hidden; }
html[data-theme] .mini-book:not(.audio) { background: var(--cover-img) center / cover no-repeat; color: transparent; }