/* Motyw Cloudflare: biel, pomarańcz, grube ramki, uppercase etykiety,
   ukośny pomarańczowy pas za hero. Logo chmury nie używamy. */
:root[data-theme="cloudflare"] {
  --bg: #ffffff; --bg-2: #fbf7f2; --fg: #1b1b1b; --muted: #5b5b5b; --border: #e2ddd6;
  --accent: #F6821F; --accent-fg: #1b1b1b; --accent-text: #9c4a0e; --accent-soft: rgba(246,130,31,.14);
  --radius: 6px; --radius-s: 4px; --shadow: 0 2px 0 #1b1b1b;
}
:root[data-theme="cloudflare"] .hero { background: linear-gradient(100deg, transparent 0 58%, #F6821F 58% 60%, #F38020 60% 100%); }
@media (max-width: 799px) { :root[data-theme="cloudflare"] .hero { background: linear-gradient(170deg, transparent 0 62%, #F6821F 62% 63%, #F38020 63% 100%); } }
:root[data-theme="cloudflare"] .hero-photo-cutout { background: radial-gradient(circle at 50% 35%, #fff 0%, #ffe9d2 70%, transparent 71%); }
:root[data-theme="cloudflare"] .stat, :root[data-theme="cloudflare"] .why-item, :root[data-theme="cloudflare"] .how-item, :root[data-theme="cloudflare"] .case, :root[data-theme="cloudflare"] .card, :root[data-theme="cloudflare"] .demo-root, :root[data-theme="cloudflare"] .cta-box, :root[data-theme="cloudflare"] .more-list a { border: 2px solid #1b1b1b; box-shadow: var(--shadow); }
:root[data-theme="cloudflare"] .btn-primary { background: #F6821F; border-color: #1b1b1b; color: #1b1b1b; box-shadow: var(--shadow); }
:root[data-theme="cloudflare"] .btn-ghost { border-color: #1b1b1b; box-shadow: var(--shadow); }
:root[data-theme="cloudflare"] .kicker, :root[data-theme="cloudflare"] .case dt { color: #9c4a0e; }
:root[data-theme="cloudflare"] .stat-v { color: #1b1b1b; }
:root[data-theme="cloudflare"] h2 { text-transform: uppercase; letter-spacing: .02em; font-size: clamp(1.3rem, 2.6vw, 1.8rem); }
:root[data-theme="cloudflare"] .tag { background: #1b1b1b; color: #fff; border-radius: 2px; }
:root[data-theme="cloudflare"] .tag-link { background: #F6821F; color: #1b1b1b; }
:root[data-theme="cloudflare"] .demo { color-scheme: dark; background: #1b1b1b; color: #f5f5f5; --muted: #bdbdbd; --border: #3a3a3a; --accent-text: #F6821F; }
:root[data-theme="cloudflare"] .demo-root { background: #262626; border-color: #F6821F; box-shadow: none; }
:root[data-theme="cloudflare"] .demo-panel { background: #1b1b1b; }
:root[data-theme="cloudflare"] .demo code { background: #333; color: #ffb36b; }
:root[data-theme="cloudflare"] .edge-badge { display: inline-flex; gap: .6rem; align-items: baseline; font-family: var(--mono); font-size: .85rem; background: #1b1b1b; color: #fff; padding: .4rem .7rem; border-radius: 4px; margin-bottom: 1rem; }
:root[data-theme="cloudflare"] .edge-badge b { color: #F6821F; font-size: 1.1rem; }