:root{
  --fo-color-canvas:#ffffff;
  --fo-color-surface:#f0f0f0;
  --fo-color-text:#102f56;
  --fo-color-muted:#686e78;
  --fo-color-accent:#002460;
  --fo-color-on-accent:#ffffff;
  --fo-color-danger:#b42318;
  --accent:var(--fo-color-accent);
}
body{
  background:var(--fo-color-canvas);
  color:var(--fo-color-text);
}
button,.button{color:var(--fo-color-on-accent)}
button.ghost,.ghost{color:var(--fo-color-text)}
.muted{color:var(--fo-color-muted)}
button.danger,.danger{background:var(--fo-color-danger);color:var(--fo-color-on-accent)}
/* Product corners scale with width: clamp(8px, 11%, 24px). Bar stays 24px. ITM excluded (HSL-400-497). Instance theme files do not change corners. */