/* ============================================================
   tokens.css — design tokens (colors, type, spacing, motion)
   The single source of truth for the brand's visual language.
   ============================================================ */
:root{
  /* brand */
  --navy:#0A1430;
  --navy-2:#0E1B40;
  --navy-3:#13265A;
  --steel:#2E5BBA;
  --steel-light:#4F86E8;
  --crimson:#D6232B;
  --crimson-2:#F0353D;

  /* neutrals / text */
  --ice:#EAF1FF;
  --white:#FFFFFF;
  --muted:rgba(234,241,255,.62);
  --muted-2:rgba(234,241,255,.42);
  --line:rgba(234,241,255,.12);
  --line-soft:rgba(234,241,255,.07);

  /* layout + motion */
  --maxw:1240px;
  --r:16px;
  --ease:cubic-bezier(.22,.7,.2,1);
}