/*
 * 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 {
    --colour-brand-100: #dce8f4;
    --colour-brand-300: #7fa8d0;
    --colour-brand-500: #1f5c9e;
    --colour-brand-700: #123a68;
    --colour-brand-900: #0b1f3a;
    --colour-brand-050: #f2f7fc;
    --colour-accent-100: #dcf1ea;
    --colour-accent-400: #2fa583;
    --colour-accent-600: #0f7a5f;
    --colour-warning-100: #fdf1dc;
    --colour-warning-600: #9a6100;
    --colour-danger-100: #fbe3e4;
    --colour-danger-600: #9b2226;
    --colour-neutral-100: #f3f5f7;
    --colour-neutral-200: #e2e6ea;
    --colour-neutral-300: #c2c9d1;
    --colour-neutral-500: #6b7683;
    --colour-neutral-700: #3d454f;
    --colour-neutral-900: #14181d;
    --colour-neutral-000: #ffffff;
    --colour-semantic-surface: #ffffff;
    --colour-semantic-surface-sunken: #f3f5f7;
    --colour-semantic-surface-inverse: #0b1f3a;
    --colour-semantic-border: #e2e6ea;
    --colour-semantic-border-strong: #c2c9d1;
    --colour-semantic-text: #14181d;
    --colour-semantic-text-muted: #6b7683;
    --colour-semantic-text-inverse: #ffffff;
    --colour-semantic-interactive: #1f5c9e;
    --colour-semantic-interactive-hover: #123a68;
    --colour-semantic-positive: #0f7a5f;
    --colour-semantic-attention: #9a6100;
    --colour-semantic-negative: #9b2226;
    --space-0: 0;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --space-9: 6rem;
    --radius-none: 0;
    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.875rem;
    --radius-pill: 999rem;
    --font-family-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-family-mono: 'JetBrains Mono', 'Cascadia Mono', ui-monospace, monospace;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.375rem;
    --font-size-2xl: 1.75rem;
    --font-size-3xl: 2.25rem;
    --font-size-4xl: 3rem;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-leading-tight: 1.15;
    --font-leading-snug: 1.35;
    --font-leading-relaxed: 1.6;
    --shadow-sm: 0 1px 2px rgba(11, 31, 58, 0.06);
    --shadow-md: 0 2px 8px rgba(11, 31, 58, 0.08);
    --shadow-lg: 0 8px 24px rgba(11, 31, 58, 0.12);
    --motion-duration-fast: 120ms;
    --motion-duration-normal: 200ms;
    --motion-duration-slow: 320ms;
    --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
    --layer-base: 0;
    --layer-sticky: 100;
    --layer-overlay: 200;
    --layer-fab: 300;
    --layer-panel: 400;
    --layer-modal: 500;
}