/* ── Nueva Umbría · Color tokens ──────────────────────────────────────────
   Rule of thumb: mostly white + green, sand for warmth, coral in small doses.
   Contrast: coral pure (#E8825B) is only safe as a large-button background
   with white text; for coral *text* use --coral-oscuro. */

:root {
  /* Brand — green */
  --verde-umbria:        #1F7A6B; /* primary brand: headings, logo, primary buttons, links */
  --verde-umbria-oscuro: #155F53; /* hover / active state of green */
  --menta:               #CDE9E2; /* soft fills, highlighted blocks, info cards */

  /* Warm neutral */
  --arena:               #F4EEE3; /* warm section background; adds closeness */

  /* Accent — coral (small doses only) */
  --coral:               #E8825B; /* accent + standout CTA backgrounds */
  --coral-oscuro:        #C75B33; /* accessible coral for text / hover */

  /* Ink */
  --carbon:              #2C2C2C; /* primary text — softer than pure black */
  --gris-piedra:         #6B6B6B; /* secondary text, captions, notes */

  /* Surfaces & lines */
  --blanco:              #FFFFFF; /* primary background */
  --borde:               #E2DCCF; /* subtle borders & separators */

  /* Tints (derived, for hover wash / subtle fills) */
  --verde-wash:          #EAF4F1; /* very light green wash */
  --coral-wash:          #FBEDE5; /* very light coral wash */

  /* ── Semantic aliases ─────────────────────────────────────────────── */
  --bg-page:        var(--blanco);
  --bg-warm:        var(--arena);
  --bg-soft:        var(--menta);
  --surface-card:   var(--blanco);

  --text-strong:    var(--carbon);
  --text-body:      var(--carbon);
  --text-muted:     var(--gris-piedra);
  --text-on-brand:  var(--blanco);
  --text-link:      var(--verde-umbria);

  --action-primary:        var(--verde-umbria);
  --action-primary-hover:  var(--verde-umbria-oscuro);
  --accent:                var(--coral);
  --accent-hover:          var(--coral-oscuro);

  --border-subtle:  var(--borde);
  --focus-ring:     var(--verde-umbria);
}