/**
 * Dashboard Municipal GIS — Design Tokens (α+ Oficio editorial refinada)
 *
 * Scope: solo dentro de `.fd-dashboard` — no contamina el resto del tema.
 * Referencia: spec §7.1.
 *
 * Contraste WCAG 2.1 AA verificado:
 *   --fd-ink        sobre --fd-card → 21:1
 *   --fd-link       sobre --fd-card → 8.6:1
 *   --fd-gold-deep  sobre --fd-card → 6:1
 *   --fd-red        sobre --fd-card → 5.6:1
 *   --fd-teal       sobre --fd-card → 5.5:1
 */
.fd-dashboard {
    /* Fondos */
    --fd-bg:             #F5F5F7;
    --fd-card:           #FFFFFF;
    --fd-card-alt:       #FAFAFB;

    /* Sidebar institucional (chrome azul) */
    --fd-sidebar:        var(--wp--preset--color--boulevard-blue);
    --fd-sidebar-ink:    var(--wp--preset--color--white);
    --fd-sidebar-accent: var(--wp--preset--color--fedomu-gold);

    /* Tinta */
    --fd-ink:            var(--wp--preset--color--boulevard-dark);
    --fd-ink-soft:       #3A3A3A;

    /* Acentos sobre blanco */
    --fd-link:           var(--wp--preset--color--boulevard-blue);
    --fd-link-hover:     #002878;
    --fd-red:            var(--wp--preset--color--fedomu-red);
    --fd-gold-deep:      var(--wp--preset--color--fedomu-gold-deep);
    --fd-teal:           var(--wp--preset--color--fedomu-teal);

    /* Estructura */
    --fd-rule:           #E4E4E4;
    --fd-rule-soft:      #EDEDED;

    /* Tipografía */
    --fd-font-sans:      var(--wp--preset--font-family--sans);
    --fd-font-serif:     var(--wp--preset--font-family--serif);
    --fd-font-mono:      var(--wp--preset--font-family--mono);

    /* Motion */
    --fd-dur-card:       200ms;
    --fd-ease:           ease-out;
}

/* Utility — etiqueta accesible oculta visualmente */
.fd-dashboard .u-visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}