/* ==========================================================
   TOKENS — brand colors, type, radii, spacing.
   Enterprise SaaS palette: white/light-gray base, Radar's
   crimson as the single accent color (no secondary gold).
   ========================================================== */
:root{
  /* brand */
  --crimson:#CB2952;
  --crimson-dark:#A31F41;
  --crimson-tint:#FBEAEE;

  /* neutrals */
  --ink:#15111A;
  --gray-900:#1E1A22;
  --gray-700:#453D45;
  --gray-500:#7A7178;
  --gray-300:#D9D2D4;
  --gray-150:#EFE9E6;
  --gray-100:#F6F2F0;
  --white:#FFFFFF;

  /* surfaces */
  --bg:#FFFFFF;
  --bg-alt:#F8F4F2;
  --bg-dark:#15111A;

  /* radii */
  --radius-lg:20px;
  --radius-md:12px;
  --radius-sm:8px;
  --radius-pill:999px;

  /* layout */
  --maxw:1240px;
}

/* On large monitors, let the content column grow instead of
   leaving wide empty gutters on either side of every section. */
@media (min-width:1600px){
  :root{ --maxw:1400px; }
}
@media (min-width:1920px){
  :root{ --maxw:1560px; }
}