/* Shared light palette for the public site, CMS and installer. */
:root {
  color-scheme: light;
  --surface: #ffffff;
  --surface-muted: #f7f5f2;
  --surface-subtle: #f0ece7;
  --text-primary: #262320;
  --text-secondary: #68635e;
  --border: #e5e0da;
  --border-strong: #938980;
  --brand: #b94f1d;
  --brand-hover: #9a3f16;
  --brand-soft: #fff1e8;
  --on-brand: #ffffff;
  --success: #237346;
  --success-soft: #edf7ef;
  --error: #b32632;
  --error-soft: #fff0f1;
  --warning: #845307;
  --warning-soft: #fff6df;
  --info: #315f9c;
  --chart-secondary: #6953a6;
  --shadow-soft: 0 12px 36px rgba(50, 36, 24, .07);
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 3px;
}

input, select, textarea { accent-color: var(--brand); }
::selection { background: #f5d8c6; color: var(--text-primary); }