/* Semantic aliases. Prefer these in product UI; the raw --st-* palette stays authoritative. */
:root{
  /* Text */
  --text-heading:var(--st-offblack);
  --text-heading-alt:var(--st-dark-grey);
  --text-body:var(--st-medium-grey);
  --text-primary:var(--st-green);
  --text-secondary:var(--st-orange);
  --text-muted:var(--st-ui-grey-300);
  --text-warning:var(--st-red);
  --text-inverse:var(--st-white);
  --text-link:var(--st-green);
  --text-link-hover:var(--st-green-dark);

  /* Surfaces */
  --surface-page:var(--st-white);
  --surface-subtle:var(--st-offwhite);
  --surface-card:var(--st-white);
  --surface-mint:var(--st-green-tint);
  --surface-mint-wash:var(--st-green-wash);
  --surface-inverse:var(--st-anthracite);
  --surface-accent:var(--st-green);
  --surface-accent-alt:var(--st-orange);
  --surface-disabled:var(--st-light-grey);

  /* Lines */
  --border-default:var(--st-light-grey);
  --border-strong:var(--st-medium-grey);
  --border-accent:var(--st-green);
  --border-warning:var(--st-red);
  --border-width:1px;

  /* Interaction — the kit dims, it does not recolour */
  --state-hover-opacity:0.9; /* @kind other */
  --state-disabled-opacity:0.5; /* @kind other */

  /* Focus */
  --focus-ring:0 0 0 2px var(--st-white),0 0 0 4px var(--st-green);
}