/* Battle Buddy design tokens: "Vanguard Service" (docs/prd/battle-buddy-mobile/prd.md section 9).
   Contract: design-systems/_core/README.md. */
:root {
  /* colour */
  --ds-primary: #002844;         /* deep navy */
  --ds-on-primary: #ffffff;
  --ds-accent: #0061a3;          /* secondary blue: links, kickers, hover */
  --ds-on-accent: #ffffff;
  --ds-ink: #0a1f33;
  --ds-muted: #4a5a68;
  --ds-line: #e4eaef;
  --ds-surface: #ffffff;
  --ds-surface-alt: #f8f9ff;
  --ds-device: #0b1622;          /* phone bezel */
  --ds-kicker: #0061a3;
  --ds-danger: #d72d30;          /* emergency red: crisis banner ONLY */
  --ds-step-n: #cfe3f5;
  --ds-check-bg: rgba(143, 193, 232, .2);
  --ds-check-fg: #8fc1e8;
  --ds-header-bg: rgba(255, 255, 255, .92);
  --ds-header-fg: #0a1f33;
  --ds-hero-bg: linear-gradient(115deg, #001c33 0%, #002844 55%, #0a5288 100%);
  --ds-on-hero-muted: #c9dcec;
  --ds-dark-bg: #0b1622;
  --ds-on-dark: #ffffff;
  --ds-on-dark-muted: #9db8cc;
  --bb-gold: #e5a100;            /* shield gold: "Coming 2027" pill */
  --bb-ice: #cfe3f5;
  --bb-sky: #8fc1e8;

  /* type */
  --ds-font-display: "Hanken Grotesk", "Inter", system-ui, sans-serif;
  --ds-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ds-font-hand: "Inter", system-ui, sans-serif;
  --ds-display-weight: 800;
  --ds-display-transform: none;
  --ds-display-tracking: -.03em;
  --ds-display-leading: 1.05;
  --ds-title-weight: 800;
  --ds-step--1: .875rem;
  --ds-step-0: 1rem;
  --ds-step-1: 1.1875rem;
  --ds-step-2: 1.5rem;
  --ds-step-3: clamp(1.75rem, 3.4vw, 2.5rem);
  --ds-step-4: clamp(2.125rem, 5vw, 3.75rem);
  --ds-step-5: clamp(2.75rem, 7vw, 5rem);
  --ds-step-6: clamp(3.5rem, 10vw, 7rem);

  /* space, shape, measure */
  --ds-space-1: 4px;  --ds-space-2: 8px;  --ds-space-3: 12px;
  --ds-space-4: 16px; --ds-space-5: 24px; --ds-space-6: 32px;
  --ds-space-7: 48px; --ds-space-8: 64px; --ds-space-9: 96px;
  --ds-radius-pill: 999px;
  --ds-radius-btn: 10px;
  --ds-radius-field: 10px;
  --ds-radius-card: 16px;
  --ds-radius-phone: 28px;
  --ds-maxw: 1200px;
}