/* Pursuit Design System — tokens v0.1
   Drop this file in and reference the custom properties below.
   Fonts: Instrument Sans (all reading), Space Mono (labels/data only). */

@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Space+Mono:wght@400;700&display=swap");

:root {
  /* Brand */
  --pursuit-navy-900: #071C42; /* headers, footers, dark blocks */
  --pursuit-navy-800: #0C2D6B; /* PRIMARY: logo, buttons, links */
  --pursuit-navy-600: #17458F; /* hover, active */
  --pursuit-navy-400: #4A73BE;
  --pursuit-navy-100: #E3EAF6; /* borders, quiet fills */
  --pursuit-navy-050: #F4F7FC; /* page surface */

  /* Accent — 5% of any page, maximum */
  --pursuit-signal: #F0563A;      /* proof actions, alerts */
  --pursuit-signal-ink: #C43B22;  /* signal text on light */
  --pursuit-signal-bg: #FDEBE7;
  --pursuit-verified: #12805C;    /* completed states */
  --pursuit-verified-bg: #E3F3EC;

  /* Neutrals */
  --pursuit-ink: #101828;
  --pursuit-gray-600: #5A6377;
  --pursuit-gray-300: #D3D8E0;
  --pursuit-border: #E3EAF6;
  --pursuit-border-strong: #C3D2EA;
  --pursuit-surface: #F4F7FC;
  --pursuit-white: #FFFFFF;

  /* Type */
  --pursuit-font-sans: "Instrument Sans", system-ui, -apple-system, sans-serif;
  --pursuit-font-mono: "Space Mono", ui-monospace, monospace;

  --pursuit-text-display: 62px; /* 600 / 1.02 / -0.03em */
  --pursuit-text-h2: 38px;      /* 600 / -0.02em */
  --pursuit-text-h3: 22px;      /* 600 */
  --pursuit-text-lead: 19px;    /* 400 / 1.55 / max 62ch */
  --pursuit-text-body: 17px;    /* 400 / 1.6 / max 72ch — 15px inside the product */
  --pursuit-text-small: 14px;
  --pursuit-text-eyebrow: 12px; /* mono / uppercase / 0.18em */

  --pursuit-leading-tight: 1.02;
  --pursuit-leading-snug: 1.55;
  --pursuit-leading-body: 1.6;
  --pursuit-tracking-display: -0.03em;
  --pursuit-tracking-h2: -0.02em;
  --pursuit-tracking-eyebrow: 0.18em;

  /* Space — 4px base, only these steps */
  --pursuit-space-1: 4px;
  --pursuit-space-2: 8px;
  --pursuit-space-3: 12px;
  --pursuit-space-4: 16px;
  --pursuit-space-6: 24px;
  --pursuit-space-8: 32px;
  --pursuit-space-12: 48px;
  --pursuit-space-16: 64px;
  --pursuit-space-24: 96px; /* section padding, desktop */
  --pursuit-section-padding: 96px;
  --pursuit-section-padding-mobile: 56px;
  --pursuit-container: 1240px;

  /* Radius + elevation */
  --pursuit-radius-input: 4px;
  --pursuit-radius-button: 6px;
  --pursuit-radius-card: 10px;
  --pursuit-border-hairline: 1px solid var(--pursuit-border);
  --pursuit-shadow-raised: 0 12px 28px -12px rgba(7, 28, 66, 0.22);
}

/* Base */
body {
  margin: 0;
  font-family: var(--pursuit-font-sans);
  font-size: var(--pursuit-text-body);
  line-height: var(--pursuit-leading-body);
  color: var(--pursuit-ink);
  background: var(--pursuit-surface);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--pursuit-navy-600); text-decoration: none; }
a:hover { color: var(--pursuit-navy-800); text-decoration: underline; }