:root{
  --ls-color-ink: #000000;
  --ls-color-kelly: #22C044;
  --ls-color-kellyDeep: #199235;
  --ls-color-kellyTint: #E8F7EC;
  --ls-color-tagline: #0B5D6B;
  --ls-color-taglineDark: #6C9EB4;
  --ls-color-paper: #FAF8F3;
  --ls-color-white: #FFFFFF;
  --ls-color-surfaceDark: #0B1E28;
  --ls-color-field-row4: #0E2E3A;
  --ls-color-field-row3: #146B7A;
  --ls-color-field-row2: #1FA8A8;
  --ls-color-field-row1: #B4EBE6;
  --ls-color-fieldDark-row4: #5FA6BE;
  --ls-color-fieldDark-row3: #4788A2;
  --ls-color-fieldDark-row2: #356A82;
  --ls-color-fieldDark-row1: #265066;
  --ls-color-gray-900: #1A1A1A;
  --ls-color-gray-700: #3D3D3D;
  --ls-color-gray-500: #6E6E6E;
  --ls-color-gray-300: #C4C4C4;
  --ls-color-gray-150: #E6E3DE;
  --ls-color-gray-75: #F2F0EC;
  --ls-color-status-success: #199235;
  --ls-color-status-warning: #C98A16;
  --ls-color-status-error: #C4342A;
  --ls-color-status-info: #1F7A8C;
  --ls-space-1: 4px;
  --ls-space-2: 8px;
  --ls-space-3: 12px;
  --ls-space-4: 16px;
  --ls-space-5: 24px;
  --ls-space-6: 32px;
  --ls-space-7: 48px;
  --ls-space-8: 64px;
  --ls-space-9: 96px;
  --ls-radius-sm: 6px;
  --ls-radius-md: 10px;
  --ls-radius-lg: 16px;
  --ls-radius-pill: 999px;
  --ls-shadow-1: 0 1px 2px rgba(11,30,40,.08);
  --ls-shadow-2: 0 4px 14px rgba(11,30,40,.10);
  --ls-shadow-3: 0 12px 32px rgba(11,30,40,.14);
  --ls-opacity-disabled: 0.4;
  --ls-opacity-muted: 0.65;
  --ls-opacity-subtle: 0.85;
  --ls-opacity-full: 1;
  --ls-font-display: 'Inter', system-ui, sans-serif;
  --ls-font-body: 'Inter', system-ui, sans-serif;
  --ls-font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  /* LOGO ONLY — never for UI. Neither face is loaded at runtime; the logo is vector.
     These exist so the names are recorded, not so they can be used. See BRAND-SYSTEM.md §4. */
  --ls-font-logo: 'Rajdhani', sans-serif;
  --ls-font-tagline: 'Barlow Condensed', sans-serif;
  --ls-fontSize-h1: 54px;
  --ls-fontSize-h2: 40px;
  --ls-fontSize-h3: 28px;
  --ls-fontSize-h4: 22px;
  --ls-fontSize-h5: 19px;
  --ls-fontSize-h6: 16px;
  --ls-fontSize-body: 16px;
  --ls-fontSize-bodySm: 14px;
  --ls-fontSize-caption: 12px;
  --ls-fontSize-meta: 10.5px;
  --ls-lineHeight-tight: 1.05;
  --ls-lineHeight-heading: 1.15;
  --ls-lineHeight-body: 1.6;
  --ls-lineHeight-relaxed: 1.75;
  --ls-tracking-display: -0.02em;
  --ls-tracking-heading: -0.01em;
  --ls-tracking-body: 0;
  --ls-tracking-meta: 0.14em;
  --ls-tracking-wide: 0.2em;
  --ls-tracking-button: 0.04em;
  --ls-breakpoint-sm: 640px;
  --ls-breakpoint-md: 900px;
  --ls-breakpoint-lg: 1200px;
  --ls-duration-fast: 120ms;
  --ls-duration-base: 180ms;
  --ls-duration-slow: 280ms;
  --ls-easing-standard: cubic-bezier(.2,0,.2,1);
  --ls-fontVariation-display: 'opsz' 32;
  --ls-fontVariation-text: 'opsz' 14;
}