/* Paleta Ímpetu — names are the brand's own Spanish names. Source: assets/brand/paleta-de-colores.jpg */
:root{
  /* Nivel 1 — base */
  --marron:#211509;      /* café tostado, casi negro. Tinta y fondos oscuros. */
  --espuma:#F2F2F2;      /* blanco espuma. Fondo por defecto. */
  --blanco:#FFFFFF;

  /* Nivel 2 — soporte */
  --tostado:#F1DACD;     /* papel kraft claro. Superficies cálidas, bloques de sección. */

  /* Nivel 3 — acentos */
  --agua:#0075C6;        /* AZUL — color principal de la marca */
  --carmesi:#FF362E;
  --sol:#FFBA00;
  --monte:#00AB3A;
  --vida:#FFB2AF;

  /* Escalas derivadas (oklch, armónicas con los acentos) */
  --agua-900:oklch(32% .13 250);
  --agua-700:oklch(42% .16 250);
  --agua-600:#0075C6;
  --agua-400:oklch(68% .14 250);
  --agua-200:oklch(86% .06 250);
  --agua-050:oklch(96% .022 250);

  --marron-800:#211509;
  --marron-600:oklch(34% .04 62);
  --marron-400:oklch(52% .035 62);
  --marron-200:oklch(78% .02 62);

  --tostado-050:oklch(97.5% .012 60);
  --tostado-100:#F1DACD;
  --tostado-200:oklch(87% .04 58);

  /* Neutros */
  --gris-100:#F2F2F2;
  --gris-200:#E4E2E0;
  --gris-300:#CFCBC7;
  --gris-500:#8B857F;
  --gris-700:#4A443E;

  /* ——— Alias semánticos ——— */
  --text-strong:var(--marron);
  --text-body:var(--marron);
  --text-muted:var(--gris-700);
  --text-subtle:var(--gris-500);
  --text-on-dark:var(--espuma);
  --text-on-accent:var(--blanco);
  --text-link:var(--agua);
  --text-link-hover:var(--agua-700);

  --surface-page:var(--espuma);
  --surface-card:var(--blanco);
  --surface-warm:var(--tostado);
  --surface-warm-soft:var(--tostado-050);
  --surface-dark:var(--marron);
  --surface-accent:var(--agua);
  --surface-accent-soft:var(--agua-050);

  --border-hairline:var(--gris-200);
  --border-default:var(--gris-300);
  --border-strong:var(--marron);
  --border-accent:var(--agua);

  --focus-ring:var(--agua);

  /* Estados / semántica */
  --success:var(--monte);
  --success-soft:oklch(94% .05 152);
  --warning:var(--sol);
  --warning-soft:oklch(95% .06 88);
  --danger:var(--carmesi);
  --danger-soft:oklch(94% .04 28);
  --info:var(--agua);
  --info-soft:var(--agua-050);

  /* Manchas de color de las ilustraciones (formas planas detrás del trazo) */
  --blob-1:var(--vida);
  --blob-2:var(--sol);
  --blob-3:var(--agua);
  --blob-4:var(--carmesi);
  --blob-5:var(--tostado);
}