:root {
  --xonet-navy-900: #102943;
  --xonet-navy-950: #071a2c;
  --xonet-navy-700: #204d70;
  --xonet-navy-500: #3d6f95;
  --xonet-green-600: #1f8f73;
  --xonet-green-500: #38ad8b;
  --xonet-green-100: #e8f3ef;
  --xonet-warm-50: #f8f7f3;
  --xonet-warm-100: #f0eee7;
  --xonet-ink: #0b1220;
  --xonet-surface: #ffffff;
  --xonet-muted: #5d6770;
  --xonet-border: #dfe5e7;
  --xonet-gray-700: #3f4b53;
  --xonet-gray-300: #ccd4d8;
  --xonet-gray-200: #e7ecef;
  --xonet-white: #ffffff;
  --xonet-radius-sm: 0.75rem;
  --xonet-radius-lg: 1rem;
  --xonet-radius-xl: 1.25rem;
  --xonet-shadow-sm: 0 1px 2px rgb(16 41 67 / 8%);
  --xonet-shadow: 0 0.65rem 1.8rem rgb(16 41 67 / 9%);
  --xonet-shadow-strong: 0 1rem 2.5rem rgb(3 16 29 / 20%);
  --xonet-content: min(76rem, calc(100vw - 2rem));
  --xonet-content-wide: min(88rem, calc(100vw - 2rem));
  --xonet-space-section: clamp(4rem, 7vw, 7rem);
  --xonet-space-xs: 0.25rem;
  --xonet-space-sm: 0.5rem;
  --xonet-space-md: 1rem;
  --xonet-space-lg: 1.5rem;
  --xonet-space-xl: 2rem;
  --xonet-space-2xl: 3rem;
  --xonet-space-3xl: 4rem;
}