/*
 * tema-claro.css — Tema claro (blanco), el de serie.
 * CFM — mismas variables que los temas de Minerva; nunca colores directos
 * en app.css ni en los componentes.
 */

:root {
    /* === Colores principales === */
    --color-primary:        #1a5fa8;
    --color-primary-dark:   #134a85;
    --color-primary-light:  #dbe8f7;
    --color-secondary:      #3a7fc1;
    --color-accent:         #f0a500;

    /* === Superficie === */
    --color-bg:             #ffffff;
    --color-bg-card:        #ffffff;
    --color-bg-input:       #ffffff;
    --color-bg-sidebar:     #f3f5f8;
    --color-bg-sidebar-hover: #e6ecf4;
    --color-bg-topbar:      #ffffff;
    --color-border:         #d5dbe4;

    /* === Texto === */
    --color-text:           #1f2a37;
    --color-text-muted:     #64748b;
    --color-text-inverse:   #ffffff;
    --color-text-sidebar:   #44546a;
    --color-text-sidebar-active: #172033;
    --color-sidebar-border: #dfe4ec;
    --color-sidebar-label:  #7c8aa0;
    --color-sidebar-group-bg: #e9eef5;
    --color-sidebar-group-bg-hover: #dde5f0;
    --color-sidebar-group-text: var(--color-primary);

    /* === Estado === */
    --color-success:        #1f8a4c;
    --color-success-bg:     #d7f1e1;
    --color-warning:        #b47400;
    --color-warning-bg:     #fff1cc;
    --color-danger:         #c62828;
    --color-danger-bg:      #fadcdc;
    --color-info:           #2b6cb0;
    --color-info-bg:        #dbe8f7;

    /* === Distribución === */
    --sidebar-width:        240px;
    --topbar-height:        56px;
    --border-radius:        6px;
    --border-radius-lg:     10px;
    --shadow-card:          0 8px 24px rgba(20, 30, 50, 0.16);
    --shadow-topbar:        0 1px 6px rgba(0, 0, 0, 0.10);

    /* === Tipografía === */
    --font-family:          -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-size-base:       0.95rem;
    --font-size-sm:         0.85rem;
    --font-size-lg:         1.1rem;
}