:root{
--ob-primary:#3B82F6;
--ob-secondary:#2563EB;
--ob-accent:#22D3EE;
--ob-dark:#0A0A0B;
--ob-radius:10px;
--ob-font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--ob-font-heading:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--ob-mono:ui-monospace,"SF Mono","JetBrains Mono","Cascadia Code","Roboto Mono",Menlo,Consolas,"Liberation Mono",monospace;
--ob-container:1200px;
--ob-bg:#F7F8FA;
--ob-surface:#FFFFFF;
--ob-surface-2:#F1F3F5;
--ob-surface-3:#E7EAEE;
--ob-text:#14171B;
--ob-text-2:#3C4149;
--ob-muted:#697079;
--ob-line:#E3E6EA;
--ob-line-2:#D2D7DD;
--ob-on-dark:#E7E9EE;
--ob-on-dark-muted:#8A8F98;
--ob-dot:rgba(20,30,55,.05);
--ob-grid-line:rgba(20,30,55,.045);
--ob-code-bg:#F1F3F5;
--ob-code-fg:#0C63E4;
--ob-accent-ink:#0E7490;
--ob-ok:#0E9A5A;
--ob-ok-bg:#E4F6EC;
--ob-warn:#B4690E;
--ob-warn-bg:#FBF0DC;
--ob-err:#D92D3A;
--ob-err-bg:#FCE7E9;
--ob-info:#1877C9;
--ob-info-bg:#E4F1FC;
--ob-grad:linear-gradient(180deg,var(--ob-primary),color-mix(in srgb,var(--ob-primary) 82%,#000));
--ob-grad-soft:color-mix(in srgb,var(--ob-primary) 8%,transparent);
--ob-shadow-sm:0 1px 2px rgba(16,22,34,.05);
--ob-shadow:0 1px 2px rgba(16,22,34,.05),0 8px 24px -18px rgba(16,22,34,.28);
--ob-shadow-lg:0 24px 60px -30px rgba(16,22,34,.4);
--ob-ring:0 0 0 3px color-mix(in srgb,var(--ob-primary) 32%,transparent);
--ob-r-sm:calc(var(--ob-radius) * .6);
--ob-r-lg:calc(var(--ob-radius) * 1.5);
--ob-pill:999px;
--ob-ease:cubic-bezier(.2,.7,.2,1);
--ob-header-h:68px;
color-scheme:light
}
:root[data-theme="dark"]{
--ob-bg:#0A0A0B;
--ob-surface:#111214;
--ob-surface-2:#17181B;
--ob-surface-3:#1E2024;
--ob-text:#E7E9EE;
--ob-text-2:#B7BCC5;
--ob-muted:#868C96;
--ob-line:#23262D;
--ob-line-2:#2E323A;
--ob-on-dark:#E7E9EE;
--ob-on-dark-muted:#868C96;
--ob-dot:rgba(255,255,255,.03);
--ob-grid-line:rgba(255,255,255,.022);
--ob-code-bg:#15171B;
--ob-code-fg:#7FD7EC;
--ob-accent-ink:#22D3EE;
--ob-ok:#31C48D;
--ob-ok-bg:rgba(49,196,141,.12);
--ob-warn:#E0A22B;
--ob-warn-bg:rgba(224,162,43,.13);
--ob-err:#F1616F;
--ob-err-bg:rgba(241,97,111,.13);
--ob-info:#4EA6F0;
--ob-info-bg:rgba(78,166,240,.13);
--ob-shadow-sm:0 1px 2px rgba(0,0,0,.5);
--ob-shadow:0 1px 0 rgba(0,0,0,.5),0 12px 34px -22px rgba(0,0,0,.85);
--ob-shadow-lg:0 30px 70px -34px rgba(0,0,0,.9);
color-scheme:dark
}