:root{--ds-blue-50:#eaf4fb;--ds-blue-100:#cfe6f7;--ds-blue-300:#6db4e4;--ds-blue-500:#0078c8;--ds-blue-600:#0064a8;--ds-blue-700:#004f85;--ds-neutral-0:#fff;--ds-neutral-50:#f7f8f9;--ds-neutral-100:#eef0f2;--ds-neutral-200:#dcdfe3;--ds-neutral-300:#c2c7cd;--ds-neutral-500:#6b7683;--ds-neutral-700:#3c4550;--ds-neutral-900:#1a1f26;--ds-green-500:#167d43;--ds-green-50:#e7f4ec;--ds-amber-500:#a76a00;--ds-amber-50:#fdf3e2;--ds-red-500:#c02b2b;--ds-red-50:#fbeaea;--background:var(--ds-neutral-50);--foreground:var(--ds-neutral-900);--surface:var(--ds-neutral-0);--surface-muted:var(--ds-neutral-100);--muted-foreground:var(--ds-neutral-500);--primary:var(--ds-blue-500);--primary-hover:var(--ds-blue-600);--primary-foreground:#fff;--nav:var(--ds-neutral-900);--nav-foreground:#fff;--border:var(--ds-neutral-200);--border-strong:var(--ds-neutral-700);--ring:var(--ds-blue-500);--success:var(--ds-green-500);--success-subtle:var(--ds-green-50);--warning:var(--ds-amber-500);--warning-subtle:var(--ds-amber-50);--destructive:var(--ds-red-500);--destructive-subtle:var(--ds-red-50);--radius-control:4px;--radius-surface:8px;--shadow-card:0 1px 2px #1a1f2614, 0 1px 8px #1a1f260f;--shadow-popover:0 8px 24px #1a1f2629}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--text-body--line-height)}*{border-color:var(--border)}.dark{--background:#10141a;--foreground:#eef0f2;--surface:#171d25;--surface-muted:#1f2833;--muted-foreground:#9aa5b1;--primary:#3fa2e0;--primary-hover:#6db4e4;--primary-foreground:#0b1015;--nav:#0b1015;--nav-foreground:#fff;--border:#2a343f;--border-strong:#55616e;--ring:#3fa2e0;--success-subtle:#10281b;--warning-subtle:#2a1f0a;--destructive-subtle:#2a1313}@theme inline{--color-background: var(--background); --color-foreground: var(--foreground); --color-surface: var(--surface); --color-surface-muted: var(--surface-muted); --color-muted-foreground: var(--muted-foreground); --color-primary: var(--primary); --color-primary-hover: var(--primary-hover); --color-primary-foreground: var(--primary-foreground); --color-nav: var(--nav); --color-nav-foreground: var(--nav-foreground); --color-border: var(--border); --color-border-strong: var(--border-strong); --color-ring: var(--ring); --color-success: var(--success); --color-success-subtle: var(--success-subtle); --color-warning: var(--warning); --color-warning-subtle: var(--warning-subtle); --color-destructive: var(--destructive); --color-destructive-subtle: var(--destructive-subtle); --radius-control: var(--radius-control); --radius-surface: var(--radius-surface); --shadow-card: var(--shadow-card); --shadow-popover: var(--shadow-popover);  --font-sans: "Inter", system-ui, -apple-system, sans-serif; --text-display: 2.25rem; --text-display--line-height: 2.75rem; --text-display--font-weight: 700; --text-h1: 1.75rem; --text-h1--line-height: 2.25rem; --text-h2: 1.375rem; --text-h2--line-height: 1.875rem; --text-h3: 1.125rem; --text-h3--line-height: 1.625rem; --text-body: .9375rem; --text-body--line-height: 1.5rem; --text-label: .875rem; --text-label--line-height: 1.25rem; --text-caption: .8125rem; --text-caption--line-height: 1.125rem;}@custom-variant dark (&:where(.dark, .dark *));