/* Heirlo shared palette. Keep brand accents separate from semantic states.
   Periwinkle is for graphics; use accent-strong for text or white-label buttons. */
:root {
  --heirlo-primary: #a41f35;
  --heirlo-primary-hover: #801829;
  --heirlo-primary-soft: #f8edf0;
  --heirlo-accent: #7c83c9;
  --heirlo-accent-strong: #50588f;
  --heirlo-accent-soft: #eef0fa;
  --heirlo-accent-border: #c8ccec;
  --heirlo-navy: #172033;
  --heirlo-sidebar: #000000;
  --heirlo-text-secondary: #475569;
  --heirlo-slate: #64748b;
  --heirlo-muted: #5d6b82; /* Readable small text on cloud surfaces. */
  --heirlo-canvas: #f5f5f4; /* Soft stone gray workspace background. */
  --heirlo-surface: #ffffff;
  --heirlo-surface-muted: #efefed;
  --heirlo-border: #e2e7f0;
  --heirlo-border-strong: #cbd3e1;
  --heirlo-success: #21705c;
  --heirlo-success-soft: #edf7f2;
  --heirlo-warning: #92400e;
  --heirlo-warning-soft: #fff4dc;
  --heirlo-error: #b42332;
  --heirlo-error-soft: #fff0f1;
}