:root {
    /* ── Legado (se conservan para no romper código existente) ── */
    /*--primario: #4587BA;*/
    --primario: #94C488;
    --secundario: #4ABCAC;
    --terciario: #00B4CD;
    --texto-blanco: #ffffff;
    /* Configuracion color de back y texto Login */
    --login-brand-bg: linear-gradient(160deg, #94C488, #00B4CD);
    --login-brand-color: #ffffff;
    /* ── Paleta semántica nueva (Index2 design system) ── */
    --ink: #0d2622;
    --ink-soft: #3b524e;
    --muted: #71857f;
    --line: #e3eae7;
    --bg: #eef3f1;
    --surface: #ffffff;
    --brand: #94C488;
    --brand-deep: #4ABCAC;
    --brand-mid: #00B4CD;
    --brand-tint: #e4f4e1;
    --brand-tint-2: #f1f9f0;
    --danger: #d63a4a;
    --danger-tint: #fcebed;
    --amber: #e08a16;
    --amber-tint: #fbf1dd;
    --success: #15803d;
    --success-tint: #dcfce7;
    --radius: 20px;
    --radius-sm: 13px;
    --shadow-sm: 0 1px 3px rgba(13,38,34,.06);
    --shadow: 0 10px 30px -12px rgba(13,38,34,.14);
    --ease: cubic-bezier(.22,.61,.36,1);
    /* ── Forma y espacio ── */
    --radius: 20px;
    --radius-sm: 13px;
    /* ── Sombras ── */
    --shadow-sm: 0 1px 2px rgba(13,38,34,.05);
    --shadow: 0 10px 30px -12px rgba(13,38,34,.16);
    --shadow-hover: 0 22px 48px -16px rgba(148,196,136,.32);
    /* ── Animación ── */
    --ease: cubic-bezier(.22,.61,.36,1);
    /* ── Bootstrap overrides via custom properties ── */
    --bs-primary: #94C488;
    --bs-primary-rgb: 148,196,136;
    --bs-link-color: #94C488;
    --bs-link-hover-color: #4ABCAC;
    --bs-border-radius: var(--radius-sm);
    --bs-border-radius-lg: var(--radius);
    --bs-body-font-family: 'Hanken Grotesk', sans-serif;
    --bs-body-color: var(--ink);
    --bs-body-bg: var(--bg);
}