:root,[data-theme="light"]{--dsa-black:#000000;--dsa-ink:#0a0a0a;--dsa-graphite:#1a1a1a;--dsa-charcoal:#2b2b2b;--dsa-slate:#555555;--dsa-stone:#8a8a8a;--dsa-ash:#bfbfbf;--dsa-fog:#d9d9d9;--dsa-mist:#ededed;--dsa-paper:#f5f5f5;--dsa-white:#ffffff;--dsa-orange:#ff8400;--dsa-orange-dark:#b35c00;--dsa-orange-tint:#fff3e6;--dsa-success:#1f7a3a;--dsa-danger:#a61d24;--dsa-danger-tint:#fbeaea;--fg-1:var(--dsa-ink);--fg-2:var(--dsa-slate);--fg-3:var(--dsa-stone);--fg-inv:var(--dsa-white);--fg-accent:var(--dsa-orange-dark);--fg-danger:var(--dsa-danger);--bg-1:var(--dsa-white);--bg-2:var(--dsa-paper);--bg-3:var(--dsa-mist);--bg-raised:var(--dsa-white);--bg-inv:var(--dsa-black);--border-1:var(--dsa-fog);--border-2:#c4c4c4;--border-inv:#2e2e2e;--ink-fill:var(--dsa-ink);--ink-fill-fg:var(--dsa-white);--ink-fill-ring:#00000000;--shadow-md:0 2px 8px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-lg:0 12px 32px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-focus:0 0 0 3px rgba(255,132,0,.35)}
[data-theme="dark"]{--dsa-orange-tint:#3d2a14;--dsa-danger-tint:#3d1618;--fg-1:var(--dsa-paper);--fg-2:var(--dsa-ash);--fg-accent:var(--dsa-orange);--fg-danger:#e3636a;--bg-1:var(--dsa-ink);--bg-2:var(--dsa-graphite);--bg-3:var(--dsa-charcoal);--bg-raised:var(--dsa-graphite);--border-1:#242424;--border-2:#3d3d3d;--ink-fill:var(--dsa-charcoal);--ink-fill-ring:var(--dsa-orange);--shadow-md:0 2px 8px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.4);--shadow-lg:0 12px 32px rgba(0,0,0,.6), 0 2px 4px rgba(0,0,0,.4)}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-0:0;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--border-thin:1px;--border-med:1.5px;--border-thick:2px;--control-h:40px;--modal-card-w:504px;--modal-dialog-w:460px;--avatar-sm:24px;--avatar-lg:36px;--font-mono:"SF Mono", "PT Mono", ui-monospace, Menlo, Consolas, monospace;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}
.dsa-display{font-family:var(--font-mono);font-size:56px;line-height:1.05;letter-spacing:-0.02em;font-weight:400}
.dsa-h1{font-family:var(--font-mono);font-size:40px;line-height:1.1;letter-spacing:-0.015em;font-weight:400}
.dsa-h2{font-family:var(--font-mono);font-size:30px;line-height:1.2;letter-spacing:-0.01em;font-weight:400}
.dsa-h3{font-family:var(--font-mono);font-size:24px;line-height:1.2;letter-spacing:-0.01em;font-weight:400}
.dsa-title{font-family:var(--font-mono);font-size:30px;line-height:1.2;letter-spacing:-0.01em;font-weight:600}
.dsa-subject{font-family:var(--font-sans);font-size:20px;line-height:1.35;font-weight:600}
.dsa-h4{font-family:var(--font-mono);font-size:18px;line-height:1.25;letter-spacing:-0.01em;font-weight:400}
.dsa-body-sm{font-family:var(--font-sans);font-size:14px;line-height:1.45;font-weight:400}
.dsa-body{font-family:var(--font-sans);font-size:16px;line-height:1.6;font-weight:400}
.dsa-ui{font-family:var(--font-sans);font-size:13px;line-height:1.4;font-weight:400}
.dsa-eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:0.2em;font-weight:400}
.dsa-meta{font-family:var(--font-sans);font-size:11px;font-weight:400}
.dsa-caption{font-family:var(--font-mono);font-size:11px;letter-spacing:0.04em;font-weight:400}
.dsa-label{font-family:var(--font-mono);font-size:10px;letter-spacing:0.16em;font-weight:400}