/* tokens/fonts.css */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');


/* tokens/colors.css */
:root{
--gray-0:#ffffff;
--gray-25:#fbfbfa;
--gray-50:#f4f4f3;
--gray-100:#e8e8e6;
--gray-150:#dcdcda;
--gray-200:#cbcbc8;
--gray-300:#adada9;
--gray-400:#8c8c87;
--gray-500:#6f6f6a;
--gray-600:#57574f;
--gray-700:#3f3f38;
--gray-800:#2a2a26;
--gray-900:#1a1a17;
--gray-950:#0e0e0c;
--black:#000000;
--white:#ffffff;
--success:#3f6b4a;
--success-bg:#e9f0ea;
--warning:#8a6a1f;
--warning-bg:#f5eddc;
--critical:#8a2f24;
--critical-bg:#f5e4e0;
--info:#3d4a54;
--info-bg:#e7ebed;
--color-canvas:var(--gray-0);
--color-surface:var(--gray-25);
--color-surface-sunken:var(--gray-50);
--color-surface-raised:var(--white);
--color-border:var(--gray-150);
--color-border-strong:var(--gray-300);
--color-hairline:var(--gray-100);
--text-primary:var(--gray-950);
--text-secondary:var(--gray-600);
--text-tertiary:var(--gray-400);
--text-disabled:var(--gray-300);
--text-inverse:var(--gray-0);
--action-primary:var(--gray-950);
--action-primary-hover:var(--gray-800);
--action-primary-active:var(--gray-700);
--action-on-primary:var(--gray-0);
--action-secondary-border:var(--gray-950);
--action-secondary-text:var(--gray-950);
--focus-ring:var(--gray-950);
}


/* tokens/typography.css */
:root{
--font-sans:'IBM Plex Sans',-apple-system,'Segoe UI',Arial,sans-serif;
--font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
--text-display-xl:600 56px/1.08 var(--font-sans);
--text-display-lg:600 40px/1.12 var(--font-sans);
--text-display-md:600 32px/1.2 var(--font-sans);
--text-heading-lg:600 24px/1.28 var(--font-sans);
--text-heading-md:600 20px/1.32 var(--font-sans);
--text-heading-sm:600 16px/1.4 var(--font-sans);
--text-body-lg:400 18px/1.5 var(--font-sans);
--text-body-md:400 15px/1.55 var(--font-sans);
--text-body-sm:400 13px/1.5 var(--font-sans);
--text-label:500 13px/1.3 var(--font-sans);
--text-caption:400 12px/1.4 var(--font-sans);
--text-mono-md:400 14px/1.5 var(--font-mono);
--text-mono-sm:400 12.5px/1.5 var(--font-mono);
--letter-spacing-tight:-0.01em;
--letter-spacing-wide:0.04em;
}


/* tokens/spacing.css */
:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:20px;
--space-6:24px;
--space-8:32px;
--space-10:40px;
--space-12:48px;
--space-16:64px;
--space-20:80px;
--space-24:96px;
--space-32:128px;
--container-max:1240px;
--container-gutter:32px;
}


/* tokens/radii.css */
:root{
--radius-xs:2px;
--radius-sm:4px;
--radius-md:6px;
--radius-lg:8px;
--radius-xl:12px;
--radius-full:999px;
}


/* tokens/shadows.css */
:root{
--shadow-sm:0 1px 2px rgba(14,14,12,0.06);
--shadow-md:0 2px 8px rgba(14,14,12,0.08);
--shadow-lg:0 8px 24px rgba(14,14,12,0.12);
--shadow-focus:0 0 0 3px rgba(14,14,12,0.18);
--border-hairline:1px solid var(--color-hairline);
--border-standard:1px solid var(--color-border);
}