/* Flightna — Design tokens ("Flight Deck") */
:root {
  /* Brand */
  --brand: #2F6BFF;
  --brand-600: #1F54E0;
  --brand-700: #1741B8;
  --brand-100: #E7EEFF;
  --brand-50: #F2F6FF;
  --violet: #7C5CFF;
  --aqua: #22D3EE;
  --grad: linear-gradient(120deg, #2F6BFF 0%, #7C5CFF 100%);
  --grad-soft: linear-gradient(120deg, #E7EEFF 0%, #EFE9FF 100%);

  /* Ink & surface (light) */
  --ink: #0A0F1F;
  --ink-2: #2A3142;
  --ink-3: #5B6478;
  --ink-4: #8A92A6;
  --line: #E4E8F0;
  --line-2: #EEF1F7;
  --bg: #FFFFFF;
  --bg-soft: #F6F8FC;
  --bg-card: #FFFFFF;

  /* Dark cockpit */
  --d-bg: #070B16;
  --d-bg-2: #0E1424;
  --d-bg-3: #141C30;
  --d-line: rgba(255, 255, 255, .10);
  --d-ink: #F4F7FF;
  --d-ink-2: #C7CEDF;
  --d-ink-3: #9AA6BF;

  /* Semantic */
  --ok: #14B8A6;
  --warn: #F59E0B;
  --err: #EF4444;

  /* Typography */
  --font-display: "Space Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --fs-display: clamp(2.6rem, 5vw, 4.25rem);
  --fs-h1: clamp(2rem, 3.5vw, 3rem);
  --fs-h2: clamp(1.6rem, 2.6vw, 2.25rem);
  --fs-h3: 1.35rem;
  --fs-lead: 1.175rem;
  --fs-body: 1rem;
  --fs-sm: .9rem;
  --fs-xs: .78rem;

  /* Spacing */
  --s-1: .25rem; --s-2: .5rem; --s-3: .75rem; --s-4: 1rem;
  --s-5: 1.5rem; --s-6: 2rem; --s-7: 3rem; --s-8: 4rem;
  --s-9: 6rem; --s-10: 8rem;
  --section-y: clamp(4rem, 8vw, 7rem);

  /* Radius */
  --r-sm: 8px; --r: 14px; --r-lg: 20px; --r-xl: 28px; --r-pill: 999px;

  /* Shadow */
  --sh-1: 0 1px 2px rgba(10, 15, 31, .04), 0 2px 8px rgba(10, 15, 31, .05);
  --sh-2: 0 4px 14px rgba(10, 15, 31, .08);
  --sh-3: 0 18px 40px -12px rgba(10, 15, 31, .22);
  --sh-brand: 0 12px 28px -8px rgba(47, 107, 255, .55);

  /* Layout */
  --container: 1200px;
  --container-wide: 1320px;
  --gutter: clamp(1rem, 4vw, 2rem);

  /* Motion */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-fast: 150ms;
  --t: 220ms;
}
