@layer tokens {
:root {
  --color-navy: #0b1f4d;
  --color-text: #102046;
  --color-text-muted: #5d6a83;
  --color-blue: #0b5edd;
  --color-blue-hover: #084bb3;
  --color-blue-soft: #edf4ff;
  --color-success: #17823b;
  --color-success-hover: #126c33;
  --color-success-soft: #ecf8ef;
  --color-warning: #8a5207;
  --color-warning-soft: #fff6e6;
  --color-danger: #b42318;
  --color-danger-hover: #8f1c14;
  --color-danger-soft: #fff0ee;
  --color-surface: #fff;
  --color-surface-alt: #fbfcfe;
  --color-background: #f7f9fc;
  --color-border: #d7deeb;
  --color-neutral-soft: #f2f4f7;
  --label-font-size: 0.875rem;
  --label-font-weight: 600;
  --label-line-height: 1.4;
  --focus-ring: 0 0 0 3px rgb(11 94 221 / 25%);
  --color-focus: #0b5edd;
  --shadow-card: 0 1px 2px rgb(16 32 70 / 4%);
  --shadow-float: 0 16px 38px rgb(16 32 70 / 12%);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.625rem;
  --page-gutter: clamp(1rem, 2.5vw, 2.1rem);
  --page-block-start: 2rem;
  --page-block-end: 4.5rem;
  --section-gap: 1.5rem;
  --stack-gap-sm: .5rem;
  --stack-gap-md: 1rem;
  --stack-gap-lg: 1.5rem;
  --control-min-height: 2.75rem;
  --control-inline-padding: .75rem;
  --control-radius: var(--radius-sm);
  --icon-size-sm: 1rem;
  --icon-size-md: 1.25rem;
  --row-min-header: 2.75rem;
  --row-min-compact: 3.9rem;
  --row-min-standard: 4rem;
  --row-min-context: 4.25rem;
  --row-padding-inline: 1.4rem;
  --row-column-gap: 1rem;
  --sidebar-width: 17.375rem;
  --content-max: 94rem;
}
}