/* assets/govtech.css — govtech brass override vrstva.
   Linkovat ZA inline <style> stránky (pozdější = vyhrává při stejné specificitě).
   Princip: přemapuje staré tmavé tokeny na světlé → starý CSS pod tím kreslí světle.
   Vratné: smaž <link> a stránka je zpět ve starém stavu. Vzor: cs/index.html ř. 338–765. */

:root {
  --canvas:#F5F7F9; --surface:#FFFFFF; --surface-subtle:#EEF2F5;
  --ink:#16202A; --ink-muted:#56616D; --ink-soft:#7A8591;
  --line:#D8DEE5; --line-strong:#B8C1CC;
  --brass:#CBA24E; --brass-ink:#8A6A22;
  --status-green:#2E7D52; --status-amber:#B7822A; --status-red:#C23B30;
  /* remap legacy tmavých tokenů */
  --bg:var(--canvas); --bg-elev:var(--surface); --bg-card:var(--surface);
  --fg:var(--ink); --fg-dim:var(--ink-muted); --fg-ghost:var(--ink-soft);
  --fg-muted:var(--ink-muted);
  --accent:var(--brass-ink); --accent-dim:var(--brass);
  --border:var(--line); --green:var(--status-green); --yellow:var(--status-amber);
  --blue:#2B5F88;
}
html { background:var(--canvas); }
body {
  font-family:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,sans-serif;
  background:linear-gradient(180deg,rgba(255,255,255,.88) 0,rgba(245,247,249,0) 420px),var(--canvas);
  color:var(--ink);
}
/* mono všude, kde starý styl chtěl JetBrains Mono (vč. inline style atributů) */
pre,code,.lang,.badge,.pill,.nav-links a,.tier h4,.fine-print,.featured-label,
.tab-btn,.tab-badge,.url,.feature-matrix th,.feature-matrix .quota,
.agency-credit-link,.law,.hero-eyebrow,.step-num,.nav-brand,
[style*="JetBrains Mono"] {
  font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;
}
/* jazyková nav → pilulky nad hlavičkou (jako homepage) */
.lang { position:static; justify-content:flex-end; align-items:center; gap:8px;
  margin-bottom:20px; text-transform:uppercase; }
.lang a { color:var(--ink-muted); border:1px solid var(--line);
  background:rgba(255,255,255,.62); border-radius:999px; padding:7px 11px; }
.lang a:hover,.lang a.active { color:var(--ink); border-color:var(--brass);
  background:var(--surface); }
/* hlavička = kompaktní ink panel (podpis designu) */
header { border:1px solid var(--line); border-radius:8px; margin-bottom:36px;
  padding:34px clamp(24px,4vw,48px) 30px;
  background:linear-gradient(135deg,rgba(22,32,42,.96) 0%,rgba(31,44,57,.94) 54%,rgba(71,62,39,.93) 100%),var(--ink);
  box-shadow:0 24px 60px rgba(22,32,42,.12); }
.logo h1 { color:#fff; } .logo .tld { color:var(--brass); }
.nav-links a { color:#DCE2E8; border:1px solid rgba(255,255,255,.18);
  border-radius:999px; padding:6px 12px; font-size:12px; text-transform:uppercase; }
.nav-links a:hover { color:#fff; border-color:var(--brass); }
.nav-links a.active { color:var(--brass); border-color:rgba(203,162,78,.5);
  background:rgba(203,162,78,.12); }
/* h2 = mono štítek sekce s mosaznou tečkou */
h2 { font-family:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
  font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:0;
  color:var(--ink); margin-top:64px; margin-bottom:18px; padding-top:24px;
  border-top:1px solid var(--line); }
h2::before { content:""; display:inline-block; width:8px; height:8px;
  margin-right:10px; margin-bottom:.08em; border-radius:50%;
  background:var(--brass-ink); box-shadow:0 0 0 4px rgba(203,162,78,.18); }
h3.section-sub { color:var(--ink-muted); }
/* karty tierů */
.tier { background:var(--surface); border:1px solid var(--line);
  border-top:3px solid var(--brass); box-shadow:0 12px 30px rgba(22,32,42,.07); }
.tier.featured { border-color:var(--line); border-top-color:var(--brass);
  box-shadow:0 0 0 1px var(--brass),0 12px 30px rgba(22,32,42,.10); }
.featured-label { background:var(--brass-ink); color:#fff; }
.tier .price { color:var(--ink); }
/* tlačítka: plný ink, Plex Sans (jako homepage ř. 646–654) */
.tier .buy,.ppr-block .buy,.trial-stripe .buy,.final-cta .buy,.contact-cta .buy,
.btn-primary {
  background:var(--ink); color:#fff; border:1px solid var(--ink);
  border-radius:6px; font-family:'IBM Plex Sans',sans-serif !important; font-weight:700; }
.tier .buy:hover,.ppr-block .buy:hover,.trial-stripe .buy:hover,.btn-primary:hover {
  background:#253342; color:#fff; }
.tier.free .buy { background:transparent; color:var(--ink);
  border-color:var(--line-strong); }
.tier.free .buy:hover { color:var(--brass-ink); border-color:var(--brass-ink);
  background:rgba(203,162,78,.12); }
/* tab bar EUR/CZK */
.tab-bar { background:var(--surface); border:1px solid var(--line); }
.tab-btn { color:var(--ink-muted); border:1px solid transparent; }
.tab-btn.active { color:var(--ink); background:rgba(203,162,78,.16);
  border-color:var(--brass); }
.tab-badge { color:var(--brass-ink); border-color:rgba(138,106,34,.3);
  background:rgba(203,162,78,.12); }
.agency-credit-link { color:var(--brass-ink); border-color:rgba(138,106,34,.3); }
/* feature matrix */
.feature-matrix { background:var(--surface); }
.feature-matrix th { background:var(--surface-subtle); color:var(--ink); }
.feature-matrix tbody tr:nth-child(even) { background:rgba(22,32,42,.03); }
/* trial = světlý panel; final CTA = tmavý ink panel (podpis) */
.trial-stripe,.contact-cta { background:var(--surface); border-color:var(--line); }
.trial-stripe input,.trial-stripe select { background:#fff !important;
  color:var(--ink) !important; border-color:var(--line-strong) !important; }
.final-cta { background:linear-gradient(135deg,rgba(22,32,42,.97),rgba(71,62,39,.94)),var(--ink);
  border-color:var(--line); }
.trial-stripe h2,.final-cta h2 { font-family:'IBM Plex Sans',sans-serif;
  font-size:21px; font-weight:700; text-transform:none; border-top:0; padding-top:0; }
.trial-stripe h2::before,.final-cta h2::before { display:none; }
.final-cta h2 { color:#fff; }
.final-cta .buy { border-color:rgba(203,162,78,.72); }
.final-cta .buy:hover { background:#253342; }
/* pilulky, FAQ, kód, footer */
.pill { border-radius:999px; background:var(--surface-subtle); }
.pill.live { color:var(--status-green); border-color:rgba(46,125,82,.28);
  background:rgba(46,125,82,.1); }
.faq-item dt { color:var(--ink); }
.faq-item dd { color:var(--ink-muted); }
code { background:var(--surface-subtle); color:var(--brass-ink);
  padding:1px 5px; border-radius:4px; }
pre code { background:transparent; padding:0; color:inherit; }
pre.code { background:#101820; color:#EEF3F7; border:1px solid #263646; }
footer { border-top:1px solid var(--line); color:var(--ink-soft); }
footer a { color:var(--ink-muted); } footer a:hover { color:var(--brass-ink); }