/* ============================================================
 * AMI — tokens de la marca de las constructoras (BRAND.md §9)
 *
 * Carga DESPUÉS de app-tokens.css y solo cuando lib/marca.php dice 'ami'
 * (empresa con giro constructora, o el host de AMI antes de entrar).
 * Pisa únicamente lo que cambia: primitivos de AMI y los nombres de nivel 2 y
 * 3 que apuntaban al azul de Tramo. Todo lo demás (radios, fuentes, rojo de
 * peligro, ámbar de aviso, azul de info) sigue saliendo de app-tokens.css.
 *
 * Éxito: el verde de la familia (#15803D) queda a ΔE 14.9 del primario
 * #166534 y se confundiría con "guardar". AMI usa lima #4D7C0F (ΔE 28.8,
 * blanco encima 4.99:1). tests/smoke_marca.php mide todo esto.
 * ============================================================ */

:root {
    /* ---------- Nivel 1 · primitivos de AMI ---------- */
    --ami-green-50:  #f0fdf4;
    --ami-green-100: #dcfce7;
    --ami-green-200: #bbf7d0;
    --ami-green-300: #86efac;
    --ami-green-400: #4ade80;
    --ami-green-700: #15803d;
    --ami-green-800: #166534;   /* primario: blanco encima 7.13:1 */
    --ami-green-900: #14532d;   /* hover y tinta del logo: blanco encima 9.11:1 */
    --ami-green-950: #052e16;
    --ami-sand:      #d6b98c;   /* acento: SOLO adornos, nunca texto sobre claro; sobre el carbón 8.41:1 */
    --ami-cream:     #faf7f2;   /* fondo de página */
    --ami-charcoal:  #1f2328;   /* tinta y sidebar */
    --ami-charcoal-800: #2d333b; /* hover sobre el sidebar: blanco encima 12.74:1 */
    --ami-charcoal-950: #16191d;
    --ami-stone-100: #f5f5f4;
    --ami-stone-200: #e7e5e4;
    --ami-stone-300: #d6d3d1;
    --ami-stone-600: #57534e;   /* texto atenuado: 7.14:1 sobre crema */
    --ami-lime-50:   #f7fee7;
    --ami-lime-200:  #d9f99d;
    --ami-lime-700:  #4d7c0f;   /* éxito de AMI */
    --ami-lime-800:  #3f6212;
    --ami-lime-900:  #365314;

    /* ---------- Nivel 2 · semánticos ---------- */
    --color-primary:       var(--ami-green-800);
    --color-primary-hover: var(--ami-green-900);
    --color-accent:        var(--ami-sand);
    --color-focus:         var(--ami-green-800);
    --color-ink:           var(--ami-charcoal);
    --color-text:          var(--ami-charcoal);
    --color-text-muted:    var(--ami-stone-600);
    --color-bg:            var(--ami-cream);
    --color-border:        var(--ami-stone-200);
    --color-success:        var(--ami-lime-700);
    --color-success-subtle: var(--ami-lime-50);

    /* ---------- Nivel 3 · puente ---------- */
    --brand-900: var(--ami-charcoal);
    --brand-800: var(--ami-charcoal-800);
    --brand-600: var(--ami-green-800);
    --brand-500: var(--ami-green-800);
    --brand-400: var(--ami-green-400);
    --brand-300: var(--ami-green-300);
    --brand-200: var(--ami-green-200);
    --brand-50:  var(--ami-green-50);
    --brand-bg:  var(--ami-cream);
    --brand-100: var(--ami-stone-200);
    --brand-950: var(--ami-green-950);
    --brand-tint: var(--ami-green-100);
    --brand-600-rgb: 22, 101, 52;
    --brand-500-rgb: 22, 101, 52;
    --brand-900-rgb: 31, 35, 40;
    --color-accent-rgb: 214, 185, 140;

    --surface-50:  var(--ami-cream);
    --surface-100: var(--ami-cream);
    --surface-200: var(--ami-stone-100);
    --surface-800: var(--ami-charcoal-800);
    --surface-900: var(--ami-charcoal);
    --surface-950: var(--ami-charcoal-950);

    --primary-light: var(--ami-green-50);

    --brand-gradient: linear-gradient(135deg, var(--ami-green-700) 0%, var(--ami-green-800) 100%);
}

[data-bs-theme=light][data-color-theme="Puntada_Theme"]:root {
    --bs-secondary-bg: var(--ami-stone-100);
    --bs-tertiary-bg: var(--ami-cream);
    --bs-success: #4d7c0f;  --bs-success-rgb: 77, 124, 15;
    --bs-success-bg-subtle: #f7fee7;  --bs-success-border-subtle: #d9f99d;  --bs-success-text-emphasis: #365314;
}
.btn-success { --bs-btn-bg:#4d7c0f; --bs-btn-border-color:#4d7c0f; --bs-btn-hover-bg:#3f6212; --bs-btn-hover-border-color:#3f6212; --bs-btn-active-bg:#3f6212; --bs-btn-active-border-color:#3f6212; --bs-btn-disabled-bg:#4d7c0f; --bs-btn-disabled-border-color:#4d7c0f; --bs-btn-focus-shadow-rgb:77,124,15; }
.btn-outline-success { --bs-btn-color:#4d7c0f; --bs-btn-border-color:#4d7c0f; --bs-btn-hover-bg:#4d7c0f; --bs-btn-hover-border-color:#4d7c0f; --bs-btn-active-bg:#4d7c0f; --bs-btn-active-border-color:#4d7c0f; --bs-btn-disabled-color:#4d7c0f; --bs-btn-disabled-border-color:#4d7c0f; --bs-btn-focus-shadow-rgb:77,124,15; }
/* Las utilidades de Bootstrap (badge bg-success, text-success…) leen --bs-success-rgb; las del template fijan el hex. */
[data-color-theme="Puntada_Theme"] .text-success { color: #4d7c0f !important; }
[data-color-theme="Puntada_Theme"] .bg-success, [data-color-theme="Puntada_Theme"] .text-bg-success { background-color: #4d7c0f !important; }
/* La lupa del buscador de tablas va dibujada dentro de un url() y ahí no llegan las variables. */
.dataTables_wrapper .dataTables_filter input {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23166534' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");
}