/* IMPAR — semantic color aliases layered on top of fig-tokens.css primitives.
   fig-tokens.css already carries the Figma Variable names verbatim (e.g.
   --capital-500, --secondary-500, --tertiary-500). These aliases give the
   same values friendlier, purpose-based names for use in new work. */

:root {
  /* Brand */
  --impar-navy: var(--capital-500);        /* rgb(28,46,105) — primary brand, official backgrounds */
  --impar-gold: var(--colors-official-tertiary); /* rgb(155,127,87) — buttons, highlights, accents */

  /* Surfaces */
  --impar-surface: var(--support-50);      /* rgb(255,255,255) — light-mode background */
  --impar-surface-sunken: var(--support-500); /* rgb(252,252,251) */
  --impar-surface-dark: var(--disabled-500);  /* rgb(14,14,14) — dark-mode / official background */

  /* Text */
  --impar-text-on-light: var(--tertiary-500);   /* rgb(13,13,13) — body copy, subheads on white */
  --impar-text-on-dark: var(--support-50);      /* rgb(255,255,255) */
  --impar-text-heading: var(--cap-talonwhite-500); /* rgb(6,41,130) — H1/H2 headings on light */
  --impar-text-muted: var(--tertiary-100);      /* rgb(180,180,180) */

  /* Semantic */
  --impar-success: var(--success-500);
  --impar-warning: var(--warning-500);
  --impar-info: var(--secondary-500);
}