:root {
  /* Paleta base */
  --bg: #f6fefc;
  --bg-2: #f0fdfa;
  --txt: #134e4a;
  --muted: #6b7280;
  /* Marca */
  --brand: #0d9488;
  --brand-2: #14b8a6;
  --brand-light: #ccfbf1;
  /* Neutrales y estado */
  --card: #ffffff;
  --stroke: #d1d5db;
  --ok: #10b981;
  /* Sombras y gradientes */
  --shadow: 0 4px 20px color-mix(in srgb, var(--brand) 18%, transparent);
  --shadow-hover: 0 8px 30px color-mix(in srgb, var(--brand) 28%, transparent);
  --brand-navy: #115e59;
  --brand-violet: #0d9488;
  --brand-grad: linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%);
  --bg-grad: linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);
  --halo-weak: color-mix(in srgb, var(--brand) 10%, transparent);
  --halo-mid: color-mix(in srgb, var(--brand) 35%, transparent);
  --halo-strong: color-mix(in srgb, var(--brand) 55%, transparent);
}