:root {
    /* ── Paleta de marca ──────────────────────────────────────────────────── */
    --verde:     #004242;   /* principal: header, fondos oscuros, botones default */
    --medio:     #24c87f;   /* acento verde: hover, breadcrumbs, badges */
    --neon:      #00ff8d;   /* neón: CTA, links activos, branding destacado */
    --crema:     #faf3e0;   /* fondo landing */
    --wa:        #25D366;   /* WhatsApp */
    --tg:        #229ED9;   /* Telegram */

    /* ── Superficies ─────────────────────────────────────────────────────── */
    --surface-0: #ffffff;
    --surface-1: #f5f0e8;   /* filas alternativas, fondos ligeramente oscuros */
    --surface-selected:  #d0ffe8;
    --surface-hover:     #e6fff5;
    --border-color:      #e8e4d8;

    /* ── Texto ───────────────────────────────────────────────────────────── */
    --text-main:    #1a1a1a;
    --text-muted:   #555;
    --text-on-dark: #ffffff;

    /* ── Links ───────────────────────────────────────────────────────────── */
    --link-fg:          var(--verde);
    --link-hover-color: var(--medio);
}

/* ── Links base ──────────────────────────────────────────────────────────── */

a:link, a:visited {
    color: var(--link-fg);
    text-decoration: none;
    transition: color 0.15s;
}

a:hover, a:focus {
    color: var(--link-hover-color);
}

a:focus {
    text-decoration: underline;
}

a img {
    border: none;
}