/*
 * GENERATED FILE - do not edit.
 * Source: design-tokens/*.tokens.json  ->  node scripts/build-tokens.mjs
 *
 * Contract item 11: nothing in a component hardcodes a colour, radius, spacing or type
 * value. Every visual value in this application resolves to one of these properties.
 */
:root {
    --border-2: 2px;
    --border-1: 1px;
    --border-3: 3px;
    --breakpoint-compact-max: 640.98px;
    --breakpoint-regular-min: 641px;
    --accent-100: #dcf1ea;
    --accent-400: #2fa583;
    --accent-600: #0f7a5f;
    --brand-050: #f2f7fc;
    --brand-100: #dce8f4;
    --brand-300: #7fa8d0;
    --brand-500: #1f5c9e;
    --brand-700: #123a68;
    --brand-900: #0b1f3a;
    --danger-100: #fbe3e4;
    --danger-600: #9b2226;
    --neutral-000: #ffffff;
    --neutral-100: #f3f5f7;
    --neutral-200: #e2e6ea;
    --neutral-300: #c2c9d1;
    --neutral-500: #5b6673;
    --neutral-700: #3d454f;
    --neutral-900: #14181d;
    --attention: #9a6100;
    --border: #e2e6ea;
    --border-strong: #c2c9d1;
    --interactive: #1f5c9e;
    --interactive-hover: #123a68;
    --negative: #9b2226;
    --positive: #0f7a5f;
    --scrim: rgba(11, 31, 58, 0.4);
    --surface: #ffffff;
    --surface-inverse: #0b1f3a;
    --surface-sunken: #f3f5f7;
    --text: #14181d;
    --text-inverse: #ffffff;
    --text-muted: #5b6673;
    --warning-100: #fdf1dc;
    --warning-600: #9a6100;
    --diagram-edge: #5b7d9e;
    --diagram-global: #f4f4f4;
    --diagram-layer-application: #e8f0f8;
    --diagram-layer-domain: #dce8f4;
    --diagram-layer-host: #f7fafc;
    --diagram-layer-infrastructure: #f2f6fa;
    --diagram-layer-unknown: #ffffff;
    --diagram-node-border: #8fa6bd;
    --diagram-tenant-scoped: #e8f0f8;
    --font-family-mono: 'JetBrains Mono', 'Cascadia Mono', ui-monospace, monospace;
    --font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --leading-relaxed: 1.6;
    --leading-snug: 1.35;
    --leading-tight: 1.15;
    --size-400: 1.75rem;
    --size-500: 2.25rem;
    --size-600: 3rem;
    --size-200: 1.125rem;
    --size-100: 1rem;
    --size-075: 0.875rem;
    --size-300: 1.375rem;
    --size-050: 0.75rem;
    --tracking-tight: -0.01em;
    --underline-offset: 0.2em;
    --weight-bold: 700;
    --weight-medium: 500;
    --weight-regular: 400;
    --weight-semibold: 600;
    --layer-base: 0;
    --layer-fab: 300;
    --layer-modal: 500;
    --layer-overlay: 200;
    --layer-panel: 400;
    --layer-sticky: 100;
    --manual-caption-gap: 0.9rem;
    --manual-code-radius: 3px;
    --manual-page-inset: 2.2rem;
    --manual-screenshot-radius: 6px;
    --manual-tight: 0.2rem;
    --manual-type-caption: 10pt;
    --manual-type-heading: 17pt;
    --manual-type-title: 30pt;
    --motion-fast: 120ms;
    --motion-base: 200ms;
    --motion-slow: 320ms;
    --easing: cubic-bezier(0.2, 0, 0, 1);
    --radius-lg: 0.875rem;
    --radius-md: 0.5rem;
    --radius-0: 0;
    --radius-pill: 999rem;
    --radius-sm: 0.25rem;
    --shadow-3: 0 8px 24px rgba(11, 31, 58, 0.12);
    --shadow-2: 0 2px 8px rgba(11, 31, 58, 0.08);
    --shadow-1: 0 1px 2px rgba(11, 31, 58, 0.06);
    --size-control: 11rem;
    --size-dialog: 20rem;
    --width-reading: 44rem;
    --width-page: 68rem;
    --width-panel: 26rem;
    --width-sidebar: 16rem;
    --size-spinner: 80px;
    --space-0: 0;
    --space-025: 0.25rem;
    --space-050: 0.5rem;
    --space-075: 0.75rem;
    --space-100: 1rem;
    --space-150: 1.5rem;
    --space-200: 2rem;
    --space-300: 3rem;
    --space-400: 4rem;
    --space-600: 6rem;
}