/* Motyw .NET: fiolet #512BD4, płaskie kafle w stylu Metro, kwadratowe rogi. */
:root[data-theme="dotnet"] {
  --bg: #ffffff; --bg-2: #F3F0FA; --fg: #1b1b1b; --muted: #5b5670; --border: #ddd6f0;
  --accent: #512BD4; --accent-fg: #fff; --accent-soft: rgba(81,43,212,.12);
  --radius: 0; --radius-s: 0; --shadow: none;
}
:root[data-theme="dotnet"] .hero { background: linear-gradient(135deg, #F3F0FA 25%, transparent 25%) -40px 0 / 80px 80px, linear-gradient(225deg, #F3F0FA 25%, transparent 25%) -40px 0 / 80px 80px, #fff; }
:root[data-theme="dotnet"] .hero-photo-cutout { border-radius: 0; background: linear-gradient(180deg, #512BD4 0%, #2B0B98 100%); place-items: end center; }
:root[data-theme="dotnet"] .hero-photo-cutout img { filter: none; }
:root[data-theme="dotnet"] .stat { background: #512BD4; color: #fff; --muted: #ece6ff; border: 0; }
:root[data-theme="dotnet"] .stat:nth-child(2) { background: #2B0B98; }
:root[data-theme="dotnet"] .stat:nth-child(3) { background: #6b3fe0; }
:root[data-theme="dotnet"] .stat:nth-child(4) { background: #3b1aa8; }
:root[data-theme="dotnet"] .stat-v { color: #fff; }
:root[data-theme="dotnet"] .why-item, :root[data-theme="dotnet"] .how-item, :root[data-theme="dotnet"] .case { border: 1px solid #ddd6f0; }
:root[data-theme="dotnet"] .btn, :root[data-theme="dotnet"] .tag { border-radius: 0; }
:root[data-theme="dotnet"] h1, :root[data-theme="dotnet"] h2 { font-weight: 300; letter-spacing: -0.02em; }
:root[data-theme="dotnet"] h1 strong { font-weight: 700; }
:root[data-theme="dotnet"] .demo { color-scheme: dark; background: #1e1e1e; color: #d4d4d4; --muted: #9a9a9a; --border: #3c3c3c; --bg-2: #252526; --accent: #b39dfb; --accent-text: #b39dfb; }
:root[data-theme="dotnet"] .demo h2 { color: #fff; }
:root[data-theme="dotnet"] .demo-root { background: #1e1e1e; border-color: #512BD4; }
:root[data-theme="dotnet"] .demo-root textarea, :root[data-theme="dotnet"] .demo-root pre { background: #1e1e1e; color: #d4d4d4; border-color: #3c3c3c; }
:root[data-theme="dotnet"] .demo code { background: #333; color: #c8b6ff; }
.cs-out { font-family: var(--mono); font-size: .82rem; line-height: 1.5; white-space: pre; overflow: auto; margin: 0; padding: .75rem; border: 1px solid var(--border); min-height: 240px; max-height: 480px; }
.cs-out .kw { color: #569cd6; } .cs-out .ty { color: #4ec9b0; } .cs-out .cm { color: #6a9955; } .cs-out .warn { color: #dcdcaa; }