/**
 * BM-360 sales — shared tokens.
 * Palette colours applied at runtime (primary / secondary / tertiary + greyscale type).
 */
:root {
  --bg: #ffffff;
  --bg-soft: #f7f8fa;
  --bg-mute: #eef1f4;
  --ink: #111111;
  --ink-soft: #3f3f46;
  --muted: #52525b;
  --line: #e4e4e7;
  --accent: #635bff;
  --accent-hover: #0a2540;
  --accent-ink: #ffffff;
  --accent-soft: #f0efff;
  --accent-text: #4f46e5;
  --accent-on-soft: #4338ca;
  --on-dark: #ffffff;
  --on-dark-muted: #d4d4d8;
  --accent-on-dark: #c4b5fd;
  --primary: #635bff;
  --secondary: #0a2540;
  --tertiary: #00d4ff;
  --logo-tone-light: color-mix(in srgb, var(--primary) 86%, white);
  --logo-tone-mid-dark: color-mix(in srgb, var(--primary) 88%, black);
  --logo-tone-mid: color-mix(in srgb, var(--primary) 96%, white);
  --logo-tone-base: var(--primary);
  --logo-tone-deep: color-mix(in srgb, var(--primary) 78%, black);
  --logo-tone-deepest: color-mix(in srgb, var(--primary) 66%, black);
  --tint-a: #f0f4f7;
  --tint-b: #eef2ff;
  --tint-c: #f5f3ff;
  --tint-d: #f7f8fa;
  --tint-pilot: #ecf6f2;
  --success: #24b47e;
  --shadow: 0 12px 32px -16px rgb(17 17 17 / 0.22);
  --shadow-lg: 0 24px 48px -20px rgb(17 17 17 / 0.28);
  --radius: 0.85rem;
  --radius-pill: 999px;
  --font: "Poppins", system-ui, sans-serif;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1.05rem;
  --fs-md: 1.2rem;
  --fs-lg: clamp(1.35rem, 2vw, 1.75rem);
  --fs-xl: clamp(2rem, 4.5vw, 3.25rem);
  --fs-display: clamp(2.6rem, 6.5vw, 4.5rem);
  --lh-tight: 1.05;
  --lh-body: 1.65;
  --track: -0.04em;
  --max: 70rem;
  --gutter: clamp(1.25rem, 4vw, 2rem);
  --nav-h: 4rem;
  --motion: 220ms;
  --motion-enter: 520ms;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}

.logo-bm {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion: 0ms;
    --motion-enter: 0.01ms;
  }
}