/* Motyw PostHog: kremowe tło, pomarańcz, niebieski i żółty, grube ramki,
   „naklejki” pod lekkim kątem. Jeża nie rysujemy. */
:root[data-theme="posthog"] {
  --bg: #EEEFE9; --bg-2: #ffffff; --fg: #151515; --muted: #4b4b4b; --border: #151515;
  --accent: #F54E00; --accent-fg: #0a0a0a; --accent-text: #b63a00; --accent-soft: rgba(245,78,0,.12);
  --radius: 10px; --radius-s: 8px; --shadow: 3px 3px 0 #151515;
}
:root[data-theme="posthog"] .hero { background: radial-gradient(circle at 1.5px 1.5px, rgba(21,21,21,.12) 1.5px, transparent 0) 0 0 / 18px 18px; }
:root[data-theme="posthog"] .hero-photo-cutout { background: radial-gradient(circle at 50% 35%, #F9BD2B 0%, #fde9b0 70%, transparent 71%); }
:root[data-theme="posthog"] .kicker { display: inline-block; background: #F9BD2B; color: #151515; padding: .2rem .6rem; border: 2px solid #151515; transform: rotate(-2deg); box-shadow: var(--shadow); }
:root[data-theme="posthog"] .stat, :root[data-theme="posthog"] .why-item, :root[data-theme="posthog"] .how-item, :root[data-theme="posthog"] .case, :root[data-theme="posthog"] .card, :root[data-theme="posthog"] .cta-box, :root[data-theme="posthog"] .demo-root, :root[data-theme="posthog"] .more-list a, :root[data-theme="posthog"] .btn { border: 2px solid #151515; box-shadow: var(--shadow); }
:root[data-theme="posthog"] .btn:hover { transform: translate(-1px, -1px); box-shadow: 4px 4px 0 #151515; }
:root[data-theme="posthog"] .btn-ghost { background: #fff; }
:root[data-theme="posthog"] .stat:nth-child(2) { background: #1D4AFF; color: #fff; --accent: #fff; --muted: #e6ecff; }
:root[data-theme="posthog"] .stat:nth-child(2) .stat-v { color: #fff; }
:root[data-theme="posthog"] .stat:nth-child(4) { background: #F9BD2B; }
:root[data-theme="posthog"] .stat:nth-child(4) .stat-v { color: #151515; }
:root[data-theme="posthog"] .case dt { color: #1D4AFF; }
:root[data-theme="posthog"] a { color: #1D4AFF; }
:root[data-theme="posthog"] .tag { background: #fff; border: 1.5px solid #151515; }
:root[data-theme="posthog"] .tag-link { background: #F54E00; color: #0a0a0a; }
:root[data-theme="posthog"] .demo { color-scheme: dark; background: #151515; color: #EEEFE9; --muted: #b9b9b2; --border: #3a3a3a; --bg-2: #222; --accent-text: #ff7a3d; }
:root[data-theme="posthog"] .demo h2 { color: #fff; }
:root[data-theme="posthog"] .demo-root { background: #1c1c1c; border-color: #F54E00; box-shadow: 3px 3px 0 #F54E00; }
:root[data-theme="posthog"] .demo code { background: #333; color: #F9BD2B; }
.feed { font-family: var(--mono); font-size: .78rem; display: flex; flex-direction: column; gap: .4rem; max-height: 420px; overflow: auto; }
.feed-ev { background: #222; border-left: 3px solid #F54E00; padding: .5rem .6rem; border-radius: 4px; }
.feed-ev b { color: #F9BD2B; }
.feed-ev small { color: #b9b9b2; display: block; margin-top: .2rem; white-space: pre-wrap; }
.feed-ev.blocked { border-left-color: #b3261e; }
.tp { width: 100%; border-collapse: collapse; font-size: .82rem; }
.tp th, .tp td { text-align: left; padding: .45rem .4rem; border-bottom: 1px solid #3a3a3a; vertical-align: top; }
.tp th { color: #b9b9b2; font-weight: 600; text-transform: uppercase; font-size: .7rem; letter-spacing: .06em; }
.tp code { font-size: .78rem; }

:root[data-theme="posthog"] .brand, :root[data-theme="posthog"] .top-nav a:not(.btn), :root[data-theme="posthog"] .btn-ghost, :root[data-theme="posthog"] .related-card, :root[data-theme="posthog"] .page-card, :root[data-theme="posthog"] .menu-item, :root[data-theme="posthog"] .hero-flag a { color: var(--fg); }
:root[data-theme="posthog"] a.btn-primary, :root[data-theme="posthog"] .btn-primary { color: var(--accent-fg); }