/**
 * tablero-theme.css — Design tokens del Depósito de Fe (kanban).
 *
 * URLs de placas (--tablero-placa-*): se inyectan en
 * _tablero_kanban_core.html vía url_for (requieren sesión Flask).
 */

:root {
    /* Contenedor general */
    --tablero-fondo:              #FFFFFF;
    --tablero-col-cuerpo:         #FFFFFF;

    /* Tipografía — misma sans-serif moderna que el resto del sistema */
    --tablero-serif:              system-ui, -apple-system, BlinkMacSystemFont,
                                  "Segoe UI", "Helvetica Neue", "Noto Sans",
                                  Arial, sans-serif;

    /* Encabezado: altura mínima (la placa se estira con background-size) */
    --tablero-bar-altura:         56px;

    /* ---- Efecto cincelado · metal (oro / plata) ---- */
    --tablero-cincel-metal-color:   #000000;
    --tablero-cincel-metal-sombra:
         1px  1px 0 rgba(255, 255, 255, 0.35),
        -1px -1px 0 rgba(0, 0, 0, 0.15),
         0    1px 1px rgba(0, 0, 0, 0.12);
    --tablero-cincel-metal-filtro:
        drop-shadow(0.5px 0.5px 0 rgba(255, 255, 255, 0.3))
        drop-shadow(-0.5px -0.5px 0 rgba(0, 0, 0, 0.2));

    /* ---- Efecto cincelado · arcilla (pendientes) ---- */
    --tablero-cincel-arcilla-color: #000000;
    --tablero-cincel-arcilla-sombra:
         1px  1px 0 rgba(255, 255, 255, 0.2),
        -1px -1px 0 rgba(0, 0, 0, 0.2),
         0    1px 2px rgba(0, 0, 0, 0.15);
    --tablero-cincel-arcilla-filtro:
        drop-shadow(0.5px 0.5px 0 rgba(255, 255, 255, 0.22))
        drop-shadow(-1px -1px 1px rgba(0, 0, 0, 0.72));

    /* ---- Pills de resumen (colores planos) ---- */
    --tablero-pill-total-fondo:     #141414;
    --tablero-pill-total-texto:     #FFFFFF;
    --tablero-pill-axioma-fondo:    #C5A059;
    --tablero-pill-axioma-texto:    #1A0F08;
    --tablero-pill-cuasi-fondo:     #A8AAAD;
    --tablero-pill-cuasi-texto:     #1C1C22;
    --tablero-pill-pend-fondo:      #4E342E;
    --tablero-pill-pend-texto:      #FAF0E8;

    /* ---- Axiomas ---- */
    --tablero-axioma-accent:        #C5A059;
    --tablero-axioma-accent-oscuro: #A8893F;
    --tablero-axioma-fondo:         #FFFFFF;
    --tablero-axioma-titulo:        #000000;
    --tablero-axioma-borde:         #A8893F;

    /* ---- Cuasi-Axiomas ---- */
    --tablero-cuasi-accent:         #95A5A6;
    --tablero-cuasi-accent-oscuro:  #7A8E90;
    --tablero-cuasi-fondo:          #FFFFFF;
    --tablero-cuasi-titulo:         #000000;
    --tablero-cuasi-borde:          #7A8E90;

    /* ---- Pendientes ---- */
    --tablero-pend-accent:          #B36630;
    --tablero-pend-accent-oscuro:   #8B4A22;
    --tablero-pend-fondo:           #FFFFFF;
    --tablero-pend-titulo:          #000000;
    --tablero-pend-borde:           #8B4A22;

    /* Títulos de columna (placas) */
    --tablero-col-titulo-cuasi:     #3D3D3D;
    --tablero-col-titulo-pendiente: #D4BC82;
    /* Luz blanca abajo-derecha + relieve superior-izquierdo (cincel) */
    --tablero-col-titulo-cincel-sombra:
         1px  1px 0 rgba(255, 255, 255, 0.55),
        -1px -1px 0 rgba(0, 0, 0, 0.22),
         0    1px 2px rgba(0, 0, 0, 0.14);
    --tablero-col-titulo-cincel-filtro:
        drop-shadow(0.6px 0.6px 0 rgba(255, 255, 255, 0.48))
        drop-shadow(-0.5px -0.5px 0 rgba(0, 0, 0, 0.18));

    /* Texto general */
    --tablero-texto-cuerpo:         #000000;
    --tablero-texto-suave:          #525252;
}