/* Three colour identities, applied to any layout via <html data-theme="stadion|katalog|tribina">.
   Only tokens + a few typographic flourishes live here. Layout structure never does. */

/* ---- Стадион: dark, lime, condensed caps ---- */
:root, [data-theme="stadion"]{
  color-scheme:dark;
  --bg:#0b0d12; --fg:#f2f3f6; --muted:#9aa3b5;
  --card:#131722; --soft:#1b2130; --line:#242b3b; --line-strong:#38415a;
  --accent:#c8ff3d; --accent-ink:#0b0d12; --accent-text:#c8ff3d; --accent2:#ff5c3a;
  --retro:#e0412f; --kids:#ffd166;
  --hdr-bg:#0b0d12; --hdr-fg:#f2f3f6; --hdr-hover:#1b2130; --hdr-shadow:0 1px 0 #1b2130; --line-on-hdr:#2a3344; --input-bg:#131722;
  --bar-bg:#07080c; --bar-fg:#c9cfdb;
  --ftr-bg:#07080c; --ftr-fg:#c9cfdb; --line-on-ftr:#1b2130;
  --img-bg:radial-gradient(120% 90% at 50% 10%,#232a3b 0%,#121622 70%); --img-flat:#161b28;
  --hero-bg:linear-gradient(118deg,#0b0d12 0 58%,#c8ff3d 58.2% 100%); --hero-fg:#f2f3f6;
  --promo-a:linear-gradient(160deg,#2b3a16,#0f1320); --promo-b:linear-gradient(160deg,#3a1a14,#0f1320); --promo-c:linear-gradient(160deg,#3a3014,#0f1320); --promo-d:linear-gradient(160deg,#14263a,#0f1320); --promo-fg:#f2f3f6;
  --font-display:'Oswald','Arial Narrow',Impact,sans-serif; --font-body:'Rubik',system-ui,sans-serif;
  --r-s:4px; --r-m:6px; --r-l:8px; --r-pill:4px;
  --shadow:0 20px 40px rgba(0,0,0,.45),0 0 0 1px rgba(200,255,61,.22);
  --h-ls:.02em; --h-tt:uppercase; --h-w:700;
}
/* ---- Каталог: white, royal blue, rounded ---- */
[data-theme="katalog"]{
  color-scheme:light;
  --bg:#f5f6fa; --fg:#141a2e; --muted:#5b6478;
  --card:#ffffff; --soft:#eceff7; --line:#e2e6f0; --line-strong:#c9d0e0;
  --accent:#1538c9; --accent-ink:#ffffff; --accent-text:#1538c9; --accent2:#e5641f;
  --retro:#b4452d; --kids:#ffd166;
  --hdr-bg:#ffffff; --hdr-fg:#141a2e; --hdr-hover:#eceff7; --hdr-shadow:0 1px 0 #e2e6f0,0 6px 20px rgba(20,26,46,.06); --line-on-hdr:#dfe4ef; --input-bg:#f1f3f9;
  --bar-bg:#1538c9; --bar-fg:#ffffff;
  --ftr-bg:#0f1733; --ftr-fg:#d6dbea; --line-on-ftr:#263052;
  --img-bg:#f1f3f9; --img-flat:#f1f3f9;
  --hero-bg:linear-gradient(135deg,#e8edff,#f6f8ff 60%,#fff); --hero-fg:#141a2e;
  --promo-a:#e8edff; --promo-b:#fbe9e3; --promo-c:#fff5d6; --promo-d:#e4f4ee; --promo-fg:#141a2e;
  --font-display:'Manrope',system-ui,sans-serif; --font-body:'IBM Plex Sans',system-ui,sans-serif;
  --r-s:10px; --r-m:14px; --r-l:18px; --r-pill:999px;
  --shadow:0 14px 30px rgba(20,26,46,.10);
  --h-ls:-.02em; --h-tt:none; --h-w:800;
}
/* ---- Трибина: parchment, pitch green, gold, serif ---- */
[data-theme="tribina"]{
  color-scheme:light;
  --bg:#ece2cc; --fg:#15231b; --muted:#4b5a4f;
  --card:#f8f1df; --soft:#e2d6b8; --line:#c9b98f; --line-strong:#a8955f;
  --accent:#0f4a27; --accent-ink:#f8f1df; --accent-text:#0f4a27; --accent2:#c9961a; --gold:#c9961a;
  --retro:#9a3620; --kids:#e9b93a;
  --hdr-bg:#0f4a27; --hdr-fg:#f8f1df; --hdr-hover:rgba(255,255,255,.1); --hdr-shadow:0 2px 0 #c9961a; --line-on-hdr:rgba(248,241,223,.35); --input-bg:rgba(255,255,255,.1);
  --bar-bg:#0b3a1e; --bar-fg:#e9dfc4;
  --ftr-bg:#15231b; --ftr-fg:#e5dfd0; --line-on-ftr:#34443a;
  --img-bg:linear-gradient(180deg,#f8f1df,#e6d9b9); --img-flat:#e6d9b9;
  --hero-bg:#ece2cc; --hero-fg:#15231b;
  --promo-a:#0f4a27; --promo-b:#9a3620; --promo-c:#c9961a; --promo-d:#1f3f5c; --promo-fg:#f8f1df;
  --font-display:'Playfair Display',Georgia,serif; --font-body:'Source Sans 3','Segoe UI',system-ui,sans-serif;
  --r-s:2px; --r-m:3px; --r-l:4px; --r-pill:2px;
  --shadow:0 14px 28px rgba(21,35,27,.16);
  --h-ls:-.01em; --h-tt:none; --h-w:700;
}

/* ---- identity flourishes (small, token-driven) ---- */
h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:var(--h-ls);text-transform:var(--h-tt);font-weight:var(--h-w)}
[data-theme="tribina"] body{background-image:radial-gradient(rgba(21,35,27,.07) 1px,transparent 1px);background-size:5px 5px}
[data-theme="tribina"] .eyebrow{color:var(--gold)}
[data-theme="tribina"] .sec-h{border-bottom:2px solid var(--accent)}
[data-theme="tribina"] .sec-h h2 small{font-family:var(--font-display);font-style:italic;color:var(--gold);opacity:1}
[data-theme="tribina"] .pcard,[data-theme="tribina"] .tcard{box-shadow:inset 0 0 0 4px var(--card),inset 0 0 0 5px var(--line-strong)}
[data-theme="tribina"] .logo-mark{background:var(--gold);color:#15231b;font-style:italic}
[data-theme="tribina"] .btn-accent,[data-theme="tribina"] .hdr-order{background:var(--gold);color:#15231b}
[data-theme="tribina"] .promo-c{color:#15231b}
[data-theme="stadion"] .sec-h h2::before{content:'';display:inline-block;width:6px;height:.8em;background:var(--accent);margin-right:12px;transform:skewX(-14deg);vertical-align:-2px}
[data-theme="stadion"] .logo-mark{transform:skewX(-8deg)}
[data-theme="stadion"] .pprice,[data-theme="stadion"] .price-big{color:var(--accent)}
[data-theme="katalog"] .pprice,[data-theme="katalog"] .price-big{color:var(--accent)}
[data-theme="tribina"] .pprice,[data-theme="tribina"] .price-big{color:var(--accent)}