:root{
  --c-info-bg:#F2F4FF;
  --c-info-border:#2c5089;
  --c-info-title:#2c5089;
  --c-info-text:#4A4A4A;

  --c-success-bg:#ECFDF5;
  --c-success-border:#10B981;
  --c-success-title:#065F46;
  --c-success-text:#064E3B;

  --c-error-bg:#ffdce7;
  --c-error-border:#F1487A;
  --c-error-title:#F1487A;
  --c-error-text:#a52c50;

  --c-warn-bg:#FFFBEB;
  --c-warn-border:#F59E0B;
  --c-warn-title:#8B5E00;
  --c-warn-text:#7C5800;
}
.dark{
  --c-info-bg: rgba(30,41,59,.60);
  --c-info-border:#334155;
  --c-info-title:#c7d2fe;
  --c-info-text:#e2e8f0;

  --c-success-bg: rgba(6,95,70,.25);
  --c-success-border:#047857;
  --c-success-title:#a7f3d0;
  --c-success-text:#d1fae5;

  --c-error-bg: rgba(190,18,60,.22);
  --c-error-border:#be123c;
  --c-error-title:#fecdd3;
  --c-error-text:#ffe4e6;

  --c-warn-bg: rgba(180,83,9,.22);
  --c-warn-border:#b45309;
  --c-warn-title:#fde68a;
  --c-warn-text:#fef3c7;
}