/* Paleta actual normalizada: cargar antes de los estilos de cada página.
   Los efectos decorativos y transparencias conservan sus valores locales. */
:root {
  --color-brand: #00b2a9;
  --color-brand-end: #00969f;
  --color-ink: #004851;
  --color-body: #495f6a;
  --color-secondary: #536e7b;
  --color-muted: #5d7b89;
  --color-soft: #678894;
  --color-icon: #527885;
  --color-inverse: #f5f7f7;
  --color-inverse-muted: #b4c3cb;
  --color-white: #fff;
  --color-tint: #e8f7f8;
  --color-surface-soft: #f0f3f5;
  --color-surface-photo: #edf5f6;
  --color-surface-faint: #f3fafb;
  --color-border: #d2dbe0;
  --color-border-soft: #e6ebef;
  --color-border-accent: #c6dcdf;
  --color-border-interactive: #b9d7dc;
  --color-border-hover: #9bb8c1;
  --color-accent-strong: #007f86;
  --color-accent-muted: #00898c;
  --color-error: #b43b43;
  --color-danger: #a04747;
  --color-danger-hover: #923333;
  --color-error-surface: #fff5f3;
  --color-error-text: #85373a;
  --color-success: #008b83;
  --color-success-surface: #edf9f7;
  --color-success-text: #005c58;
  --color-inverse-secondary: var(--color-border);
}