/* Satmarin design tokens — site-wide single source (Phase 7.0).
   Canonical token layer per builddocs/design_system/. The 6j catalog components
   (satmarin-catalog.css) and all Phase 7 chrome consume these. Foundation only:
   tokens + base type + selection. Visual layout application begins in 7.1+. */
:root{
  /* color */
  --sm-navy:#001A70; --sm-orange:#FF6A00; --sm-graphite:#444A59;
  --sm-offwhite:#F8FAFD; --sm-lightgray:#E5E8EE; --sm-aqua:#00AEEF; --sm-white:#FFFFFF;
  /* derived tints (do not invent new hues) */
  --sm-hairline:#E5E8EE;
  --sm-muted:rgba(68,74,89,0.65);
  --sm-border:rgba(68,74,89,0.35);
  --sm-chipborder:rgba(68,74,89,0.30);
  --sm-rowhover:rgba(0,26,112,0.05);
  --sm-on-navy:rgba(248,250,253,0.68);
  --sm-nav-bg:rgba(248,250,253,0.92);
  /* type */
  --sm-font-display:'Space Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --sm-font-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  /* layout */
  --sm-maxw:1240px; --sm-pad:32px; --sm-radius-card:16px; --sm-radius-pill:999px;
  --sm-nav-h:64px;
  /* motion */
  --sm-transition:.15s ease;
}
::selection{ background:var(--sm-orange); color:var(--sm-offwhite); }

/* text-wrap helpers per styleguide (used by chrome/homepage; opt-in classes, not global) */
.sm-balance{ text-wrap:balance; }
.sm-pretty{ text-wrap:pretty; }