/*
 * tema-piedra.css — El tema de serie de CFM: los colores y las letras de la
 * web www.interea.es/flota (piedra de fondo, tinta, el rojo de rotativo como
 * único color de realce; Archivo para los rótulos, Barlow para el texto y
 * IBM Plex Mono para los datos). Aceptado por el usuario el 2026-09-05 sobre
 * la maqueta de la pantalla principal. Mismas variables que los demás temas.
 */

:root {
    /* === Colores principales === */
    --color-primary:        #E8330A;   /* señal: el rojo de rotativo */
    --color-logo-cf:        #17140F;
    --color-logo-m:         #E8330A;
    --color-primary-dark:   #C22A07;
    --color-primary-light:  #FBE3DC;
    --color-secondary:      #4A443C;
    --color-accent:         #FF8A3D;   /* el realce sobre fondo oscuro */

    /* === Superficie === */
    --color-bg:             #E4E0D7;   /* piedra */
    --color-bg-card:        #FFFFFF;   /* papel */
    --color-bg-input:       #FFFFFF;
    --color-bg-sidebar:     #FFFFFF;
    --color-bg-sidebar-hover: #E4E0D7;
    --color-bg-topbar:      #FFFFFF;
    --color-border:         #C9C3B7;   /* filetes */

    /* === Texto === */
    --color-text:           #17140F;   /* tinta */
    --color-text-muted:     #6B6459;   /* gris */
    --color-text-inverse:   #FFFFFF;
    --color-text-sidebar:   #4A443C;
    --color-text-sidebar-active: #17140F;
    --color-sidebar-border: #C9C3B7;
    --color-sidebar-label:  #6B6459;
    --color-sidebar-group-bg: #E4E0D7;
    --color-sidebar-group-bg-hover: #D6D0C4;
    --color-sidebar-group-text: var(--color-text);

    /* === Estado === */
    --color-success:        #1F7A3A;
    --color-success-bg:     #DDEFE2;
    --color-warning:        #9A5B00;
    --color-warning-bg:     #FBE9D2;
    --color-danger:         #C22A07;
    --color-danger-bg:      #FBE3DC;
    --color-info:           #2B5E9C;
    --color-info-bg:        #DDE8F4;

    /* === Distribución === */
    --sidebar-width:        260px;
    --topbar-height:        60px;
    --border-radius:        6px;
    --border-radius-lg:     8px;
    --shadow-card:          0 6px 18px rgba(23, 20, 15, 0.12);
    --shadow-topbar:        0 1px 0 rgba(23, 20, 15, 0.08);

    /* === Tipografía === */
    --font-family:          'Barlow', 'Helvetica Neue', Arial, sans-serif;
    --font-cartel:          'Archivo', 'Helvetica Neue', Arial, sans-serif;
    --font-datos:           'IBM Plex Mono', 'Courier New', monospace;
    --font-size-base:       0.95rem;
    --font-size-sm:         0.85rem;
    --font-size-lg:         1.1rem;
}