:root,:root[data-theme=light]{color-scheme:light;--portal-bg: #f7f8f5;--portal-surface: #ffffff;--portal-surface-raised: #f1f4ec;--portal-surface-subtle: #f4f6f1;--portal-surface-hover: #e9efdf;--portal-border: #e0e7da;--portal-text: #20251f;--portal-muted: #626b5d;--portal-soft-text: #858d81;--portal-accent: #496735;--portal-accent-soft: #d5ed85;--portal-shadow: 0 14px 40px rgba(46, 59, 36, .08);--portal-inspector: rgba(255, 255, 255, .96);--portal-grid: rgba(73, 103, 53, .12);--ds-bg-canvas: var(--portal-bg);--ds-bg-surface: var(--portal-surface);--ds-bg-surface-elevated: var(--portal-surface-raised);--ds-bg-surface-subtle: var(--portal-surface-subtle);--ds-bg-surface-hover: var(--portal-surface-hover);--ds-border-subtle: var(--portal-border);--ds-border-default: #cdd7c5;--ds-border-strong: #aab99f;--ds-border-focus: #7b965f;--ds-text-primary: var(--portal-text);--ds-text-secondary: var(--portal-muted);--ds-text-tertiary: #74806d;--ds-text-muted: #879184;--ds-primary: var(--portal-accent);--ds-primary-hover: #3e592e;--ds-primary-contrast: #ffffff;--ds-primary-glow: rgba(105, 137, 75, .2);--ds-accent-table: #4e7950;--ds-accent-cte: #8065a8;--ds-accent-join: #537caa;--ds-accent-filter: #b86a2e;--ds-accent-danger: #c24138;--ds-radius-sm: 6px;--ds-radius-md: 10px;--ds-radius-lg: 14px;--ds-radius-pill: 9999px;--ds-shadow-sm: 0 1px 3px rgba(36, 48, 31, .08);--ds-shadow-md: 0 4px 16px rgba(36, 48, 31, .08);--ds-shadow-lg: 0 12px 36px rgba(36, 48, 31, .16);--ds-glow-primary: 0 0 0 3px rgba(105, 137, 75, .18);--ds-font-sans: "DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ds-font-mono: "JetBrains Mono", "Fira Code", Consolas, ui-monospace, monospace}:root[data-theme=dark]{color-scheme:dark;--portal-bg: #151a16;--portal-surface: #202820;--portal-surface-raised: #273427;--portal-surface-subtle: #192119;--portal-surface-hover: #303d30;--portal-border: #384238;--portal-text: #edf1e9;--portal-muted: #c0c9bb;--portal-soft-text: #aab4a7;--portal-accent: #c6dda9;--portal-accent-soft: #40533a;--portal-shadow: 0 14px 40px rgba(0, 0, 0, .25);--portal-inspector: rgba(28, 37, 29, .97);--portal-grid: rgba(198, 221, 169, .12);--ds-border-default: #465245;--ds-border-strong: #66745f;--ds-border-focus: #b2cc8b;--ds-text-tertiary: #a1ae99;--ds-text-muted: #879485;--ds-primary: #9cbb79;--ds-primary-hover: #b4d08f;--ds-primary-contrast: #182016;--ds-primary-glow: rgba(174, 207, 137, .24);--ds-accent-table: #8ebc8c;--ds-accent-cte: #c0a5e5;--ds-accent-join: #91bce4;--ds-accent-filter: #f0ad72;--ds-accent-danger: #f87171;--ds-shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--ds-shadow-md: 0 4px 16px rgba(0, 0, 0, .24);--ds-shadow-lg: 0 12px 36px rgba(0, 0, 0, .38)}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth;background:var(--portal-bg)}body{min-width:320px;min-height:100vh;margin:0;background:var(--portal-bg);color:var(--portal-text);font-family:var(--ds-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}a{color:inherit}button,input,select,textarea{font:inherit}button,select{color:inherit}::selection{background:var(--portal-accent-soft);color:var(--portal-text)}:focus-visible{outline:3px solid var(--ds-border-focus);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html[data-theme=dark] .guide-page,html[data-theme=dark] .guide-article h1,html[data-theme=dark] .guide-article h2,html[data-theme=dark] .guide-article h3{color:var(--portal-text)}html[data-theme=dark] .guide-eyebrow{color:var(--portal-accent)}html[data-theme=dark] .guide-lead,html[data-theme=dark] .guide-article p,html[data-theme=dark] .guide-article li{color:var(--portal-muted)}html[data-theme=dark] .guide-toc,html[data-theme=dark] .example-grid article{border-color:var(--portal-border);background:var(--portal-surface)}html[data-theme=dark] .guide-toc strong{color:var(--portal-text)}html[data-theme=dark] .guide-toc a,html[data-theme=dark] .guide-related a,html[data-theme=dark] .guide-cta a{color:var(--portal-accent)}html[data-theme=dark] .formula,html[data-theme=dark] .guide-cta,html[data-theme=dark] .assumption{background:var(--portal-surface-raised)}html[data-theme=dark] .formula{color:var(--portal-text)!important}html[data-theme=dark] .assumption strong,html[data-theme=dark] .example-price{color:var(--portal-accent)}html[data-theme=dark] .assumption span,html[data-theme=dark] .example-grid small{color:var(--portal-muted)}html[data-theme=dark] .guide-related{border-color:var(--portal-border)}
