/* ============================================================
   skin-temas.css — Tema "Aurora" (opción 1)
   Se activa con data-fm-skin="aurora" en <html> (selector de tema del menú del usuario del staff
   y del Portal; la preferencia vive en localStorage 'fm-skin'; sin preferencia el tema es el Actual).
   Todas las reglas están acotadas a html[data-fm-skin="aurora"]: "Actual" y "Nuevo" no cambian.
   Solo redefinen tokens, tipografía y radios/sombras; no tocan estructura ni HTML de ninguna vista.
   ============================================================ */

/* ---------- Aurora (opción 1): lila suave, redondeada, amable ---------- */
html[data-fm-skin="aurora"] {
    --fm-accent:        #6d4aff;
    --fm-accent-dark:   #5636d6;
    --fm-accent-ink:    #ffffff;
    --fm-accent-cabo:      #6d4aff;
    --fm-accent-cabo-dark: #5636d6;

    --fm-shell-900: #1e1b2e;
    --fm-shell-800: #26223d;
    --fm-shell-700: #302b4d;
    --fm-shell-600: #3a3560;
    --fm-shell-500: #4b4480;
    --fm-shell-400: #5b5499;
    --fm-shell-300: #171425;

    --fm-r-sm: 10px;
    --fm-r-md: 16px;
    --fm-r-lg: 22px;
    --fm-sh-xs: 0 2px 6px rgba(80,56,200,.06);
    --fm-sh-sm: 0 4px 14px rgba(80,56,200,.08);
    --fm-sh-md: 0 12px 30px rgba(80,56,200,.14);

    --fm-skin-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
html[data-fm-skin="aurora"] body,
html[data-fm-skin="aurora"] .fm-dp { font-family: var(--fm-skin-font); }
html[data-fm-skin="aurora"] .fm-dp {
    --bg:     #f6f3ff;
    --panel:  #ffffff;
    --panel2: #faf8ff;
    --chrome: #ede8fb;
    --border: #e4def7;
    --bord2:  #d3caf0;
    --text:   #1e1b2e;
    --muted:  #5f5a7a;
    --muted2: #3d3858;
}
html[data-fm-skin="aurora"] .fm-dp-title,
html[data-fm-skin="aurora"] .db-period-bar h1,
html[data-fm-skin="aurora"] .p-hero-name,
html[data-fm-skin="aurora"] .fm-kpi-card-num b,
html[data-fm-skin="aurora"] .fm-kpi-card-ttl,
html[data-fm-skin="aurora"] #sidebar-wrapper .accordion-button { font-family: var(--fm-skin-font); letter-spacing: 0; }
html[data-fm-skin="aurora"] .fm-dp-title { font-weight: 800; }
html[data-fm-skin="aurora"] .fm-kpi-card-num b { font-weight: 800; font-variant-numeric: tabular-nums; }
html[data-fm-skin="aurora"] .fm-kpi-card { border-top-width: 1px; border-radius: var(--fm-r-lg); box-shadow: var(--fm-sh-sm); }
html[data-fm-skin="aurora"] #page-content-wrapper .table > thead th {
    font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; font-weight: 700; color: var(--muted, #5f5a7a);
}
html[data-fm-skin="aurora"] #page-content-wrapper .table td { font-variant-numeric: tabular-nums; }
html[data-fm-skin="aurora"] .fm-dp-count-badge,
html[data-fm-skin="aurora"] .badge { border-radius: 99px; font-weight: 700; }
html[data-fm-skin="aurora"] #page-content-wrapper .card { border-radius: var(--fm-r-lg); box-shadow: var(--fm-sh-sm); border-color: #e4def7; }
html[data-fm-skin="aurora"] #page-content-wrapper .card-header { border-radius: var(--fm-r-lg) var(--fm-r-lg) 0 0 !important; }
html[data-fm-skin="aurora"] #page-content-wrapper { animation: none; }
html[data-fm-skin="aurora"] .btn { border-radius: 14px; }
/* Portal del socio */
html[data-fm-skin="aurora"] .p-card { border-radius: 24px; box-shadow: 0 10px 28px rgba(80,56,200,.10), 0 1px 3px rgba(80,56,200,.06); }

/* El acento violeta (#6d4aff) da ~3,3:1 sobre el fondo oscuro del menu: donde se usa como TEXTO o icono sobre oscuro se aclara (~8:1). */
html[data-fm-skin="aurora"] #sidebar-wrapper .sidebar-nav li a:hover .fa-brands,
html[data-fm-skin="aurora"] .fm-brand-mark,
html[data-fm-skin="aurora"] .fm-nav-btn:hover,
html[data-fm-skin="aurora"] #fm-color-toggle,
html[data-fm-skin="aurora"] #fm-color-toggle:hover,
html[data-fm-skin="aurora"] #sidebar-toggle-btn:hover,
html[data-fm-skin="aurora"] .p-nav-bottom a.active i { color: #b9a6ff; }

/* ---------- Selector de tema (menú del usuario del staff y barra del Portal) ---------- */
.fm-skin-opt .fm-skin-state { margin-left: auto; font-size: .75rem; opacity: .8; }
.fm-skin-opt { display: flex; align-items: center; width: 100%; }
.fm-skin-opt[aria-pressed="true"] { font-weight: 700; }
.fm-skin-titulo { padding: .25rem 1rem; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; opacity: .7; }