/* family-kit 2.2.0 (d1cf1d4022fe): generated from www/brand/family-tokens.css by www/scripts/family-sync.mjs.
   Do not edit this copy; edit www/brand/ and run the sync again. */
/* Smart Aviation family kit: design tokens.
   Source of truth for www, career and training (public pages). Edit HERE, then run
   `node scripts/family-sync.mjs` in the www repo; never edit a consumer's copy. */
:root {
  /* Company identity: #064723, #65AF33, #79BA4E. Everything else is a tint or shade of them.
     Luxury comes from proportion: deep green for surfaces and primary actions, the two bright
     greens only as small accents (white text on them fails WCAG AA), lots of warm white. */
  --green-950: #03271a; /* deepest shade of #064723: footer, photo overlays */
  --green-900: #064723; /* identity: primary buttons, dark bands (white on it: 9.8:1) */
  --green-800: #0b5a30; /* hover on --green-900 */
  --green-700: #276f46; /* links, text accents on white */
  --green-600: #65af33; /* identity accent */
  --green-500: #79ba4e; /* identity accent */
  --green-300: #b5d99a;
  --green-100: #eaf4e1;
  --green-50: #f5faf0;
  /* Deprecated since kit 2.0 (were navy): kept as aliases so a consumer synced before it
     migrates still renders in the identity colours. */
  --navy-950: var(--green-950);
  --navy-900: var(--green-900);
  --ink: #15201a;
  --ink-2: #3b4a40;
  --muted: #5e6d63;
  --line: #dde6d8;
  --paper: #ffffff;
  --paper-2: #f7f8f3; /* warm off-white for quiet bands */
  /* Status tints (career and training share these). */
  --info-bg: #eef3f8;
  --warn-bg: #fff3df;
  --warn: #8a4b00;
  --amber: #e2a33b;
  --danger-bg: #fdf0ef;
  --danger: #b42318;
  --radius: 14px;
  --radius-sm: 8px;
  --shadow: 0 1px 2px rgb(6 71 35 / 6%), 0 8px 24px rgb(6 71 35 / 8%);
  --container: 1440px;
  --gutter: clamp(16px, 4vw, 32px);
  /* Vertical rhythm. Every section uses one of these, so the gaps between sections are the
     same on every page and scale the same way from phone to desktop. */
  --space-section: clamp(72px, 9vw, 128px); /* between major sections */
  --space-block: clamp(48px, 6vw, 88px); /* first block under a page hero, closing bands, repeated items */
  --space-tight: clamp(32px, 4vw, 56px); /* inside a group: text under its own photo, small bands */
  --font: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Urbanist Variable', 'Urbanist', 'Poppins', system-ui, sans-serif;
}
