/* Copied verbatim from design-system/tokens (canonical, DL-11). Re-copy, don't edit. */
:root{
/* Base blue scale (cloud/sky) */
--blue-50:#f0f8ff;--blue-100:#dcedfc;--blue-200:#b7dcf9;--blue-300:#86c5f2;--blue-400:#4fa8e8;--blue-500:#2b8ad9;--blue-600:#1c6fbd;--blue-700:#18579a;--blue-800:#17497e;--blue-900:#153b63;
/* Deep infrastructure blue (nav, headings) */
--navy-50:#eef1f6;--navy-100:#d7deea;--navy-300:#8fa2bf;--navy-500:#3f5677;--navy-700:#22334a;--navy-800:#182333;--navy-900:#0f1620;
/* Green scale (ready/healthy) */
--green-50:#effaf1;--green-100:#dbf3e0;--green-200:#b3e6bd;--green-300:#82d494;--green-400:#4fbd6b;--green-500:#2fa14e;--green-600:#22833e;--green-700:#1c6832;--green-800:#18532a;--green-900:#134321;
/* Amber (warning) */
--amber-50:#fef8ec;--amber-100:#fbebc4;--amber-300:#f3c463;--amber-500:#e0a324;--amber-600:#b8830f;--amber-700:#8f6510;
/* Red (error) */
--red-50:#fdf1f0;--red-100:#f9dad7;--red-300:#ec8c85;--red-500:#d9463b;--red-600:#b8362d;--red-700:#902a23;
/* Neutrals — cool gray, warmed slightly off pure black/white */
--gray-0:#ffffff;--gray-25:#fbfcfd;--gray-50:#f5f7fa;--gray-100:#eef1f5;--gray-200:#e2e7ed;--gray-300:#cbd2db;--gray-400:#a7b0bd;--gray-500:#7c8797;--gray-600:#5c6675;--gray-700:#434b58;--gray-800:#2b3140;--gray-900:#181c24;

/* Semantic — brand */
--color-primary:var(--blue-500);--color-primary-hover:var(--blue-600);--color-primary-active:var(--blue-700);--color-primary-subtle:var(--blue-50);--color-primary-border:var(--blue-200);
--color-secondary:var(--green-500);--color-secondary-hover:var(--green-600);--color-secondary-subtle:var(--green-50);--color-secondary-border:var(--green-200);
--color-navy:var(--navy-700);--color-navy-strong:var(--navy-900);

/* Semantic — status */
--color-success:var(--green-600);--color-success-subtle:var(--green-50);--color-success-border:var(--green-200);
--color-warning:var(--amber-600);--color-warning-subtle:var(--amber-50);--color-warning-border:var(--amber-300);
--color-error:var(--red-600);--color-error-subtle:var(--red-50);--color-error-border:var(--red-300);
--color-info:var(--blue-600);--color-info-subtle:var(--blue-50);--color-info-border:var(--blue-200);

/* Surfaces / text / borders */
--color-bg:var(--gray-50);--color-bg-canvas:#eef4f9;--color-surface:var(--gray-0);--color-surface-raised:var(--gray-0);
--color-border:var(--gray-200);--color-border-strong:var(--gray-300);
--color-text:var(--gray-900);--color-text-secondary:var(--gray-600);--color-text-tertiary:var(--gray-500);--color-text-inverse:var(--gray-0);--color-text-link:var(--blue-600);--color-text-link-hover:var(--blue-700);

/* Data viz — restrained categorical series, brand-compatible, distinguishable in grayscale */
--chart-1:var(--blue-500);--chart-2:var(--green-500);--chart-3:var(--amber-500);--chart-4:var(--navy-500);--chart-5:var(--green-300);--chart-6:var(--blue-300);
--chart-grid:var(--gray-100);--chart-axis:var(--gray-400);--chart-tooltip-bg:var(--color-navy-strong);

/* Trend meaning is assigned by the consumer (a rising number isn't automatically good) — these are the 3 allowed trend colors */
--color-trend-positive:var(--color-success);--color-trend-negative:var(--color-error);--color-trend-neutral:var(--color-text-tertiary);
}
:root{
--font-sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
--font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;

--text-display:40px;--text-display-lh:1.15;--text-display-w:700;
--text-page-title:26px;--text-page-title-lh:1.25;--text-page-title-w:700;
--text-section-title:18px;--text-section-title-lh:1.35;--text-section-title-w:600;
--text-card-title:15px;--text-card-title-lh:1.4;--text-card-title-w:600;
--text-body:14px;--text-body-lh:1.55;--text-body-w:400;
--text-body-lg:16px;--text-body-lg-lh:1.6;--text-body-lg-w:400;
--text-secondary:13px;--text-secondary-lh:1.5;--text-secondary-w:400;
--text-label:12px;--text-label-lh:1.3;--text-label-w:600;
--text-meta:11px;--text-meta-lh:1.3;--text-meta-w:500;
--text-mono:13px;--text-mono-lh:1.5;--text-mono-w:500;

--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;
--letter-tight:-0.01em;--letter-normal:0;--letter-wide:0.04em;
}
:root{
--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--space-11:64px;--space-12:80px;

--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-pill:999px;--radius-circle:50%;

--border-width:1px;--border-width-thick:2px;

--shadow-xs:0 1px 2px rgba(15,22,32,0.05);
--shadow-sm:0 1px 3px rgba(15,22,32,0.08),0 1px 2px rgba(15,22,32,0.04);
--shadow-md:0 4px 10px rgba(15,22,32,0.08),0 1px 3px rgba(15,22,32,0.06);
--shadow-lg:0 12px 24px rgba(15,22,32,0.12),0 4px 8px rgba(15,22,32,0.06);
--shadow-focus:0 0 0 3px var(--color-primary-border);

--icon-xs:14px;--icon-sm:16px;--icon-md:18px;--icon-lg:22px;--icon-xl:28px;

--control-height-sm:28px;--control-height-md:34px;--control-height-lg:40px;

--bp-mobile:480px;--bp-tablet:768px;--bp-desktop:1200px;

--ease-standard:cubic-bezier(.2,.8,.2,1);/* @kind other */
--duration-fast:120ms;/* @kind other */
--duration-base:180ms;/* @kind other */
--duration-slow:280ms;/* @kind other */
}