/* ============================================================
   Files · Grupo OGV — TEMA CLARO (misma línea que Task, Brief y finanzas).
   Paleta clara del grupo:
     fondo crema #FAF6EE · tarjetas #FFFDF8 · líneas #E2DACB
     texto #1A2330 · secundario #6B7484 · acento #3A5FE0
   El acento es #3A5FE0 y NO #4F7DFF: sobre crema el azul claro se lava.
   Sobre relleno #3A5FE0 el texto va BLANCO (5,3:1).
   Filebrowser sirve esta carpeta bajo /static/.
   ============================================================ */

@font-face {
  font-family: 'Geist';
  src: url('/static/fonts/Geist-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('/static/fonts/Geist-Medium.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('/static/fonts/Geist-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Geist Mono';
  src: url('/static/fonts/GeistMono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

:root {
  --primaryColor: #3A5FE0;
  --blue: #3A5FE0;
}

/* Tipografía en todo el texto.
   🛑 NUNCA con `*`: Filebrowser dibuja sus ICONOS con una fuente de ligaduras
   (Material Icons). Si se le pisa el font-family, los iconos desaparecen —pasó el
   14-jul—. Por eso se listan los elementos de texto y se excluye explícitamente
   cualquier cosa que sea un icono. */
body,
input,
button,
select,
textarea,
h1, h2, h3,
p, span, li, td, th,
label,
.title,
.credits,
.menu-label,
#listing .item .name,
.breadcrumbs a {
  font-family: 'Geist', system-ui, sans-serif !important;
}

/* Los iconos conservan SU fuente pase lo que pase */
i,
.material-icons,
[class*='material-icons'],
.icon {
  font-family: 'Material Icons' !important;
}

/* Claro siempre, aunque el sistema esté en oscuro */
html,
body,
body.rtl {
  --background: #FAF6EE;
  --surfacePrimary: #FFFDF8;
  --surfaceSecondary: #F2ECE0;
  --divider: #E2DACB;
  --textPrimary: #1A2330;
  --textSecondary: #6B7484;
  --icon: #6B7484;
  --dark-blue: #2A47B0;
  background: #FAF6EE !important;
  color: #1A2330 !important;
}

#login,
#app,
main,
.dashboard {
  background: #FAF6EE !important;
}

header,
nav,
#search #input,
.dashboard #nav,
#login .card,
.card {
  background: #FFFDF8 !important;
  border-color: #E2DACB !important;
  color: #1A2330 !important;
}

#login .card {
  border: 1px solid #E2DACB;
  border-radius: 16px;
}

/* Botones: azul de marca con texto BLANCO (sobre #3A5FE0 sí cumple contraste) */
body .button.button--flat.button--blue,
body #login button,
body #login input[type='submit'],
body .button--block,
body .action.copy-clipboard,
body #listing .item[aria-selected='true'] {
  background: #3A5FE0 !important;
  color: #FFFFFF !important;
  font-weight: 600;
  border-color: #3A5FE0 !important;
}

.button--flat {
  color: #3A5FE0;
}

a,
.link {
  color: #3A5FE0;
}

/* Listado de archivos: sobre crema, el gris de Filebrowser se leía flojo */
#listing .item,
#listing .item .name,
#listing .item .size,
#listing .item .modified,
.breadcrumbs a,
h1, h2, h3,
p, span, li, td, th,
label {
  color: #1A2330;
}

#listing .item {
  background: #FFFDF8;
  border: 1px solid #E2DACB;
}
#listing .item:hover {
  background: #F2ECE0;
}

/* Cifras y fechas en monoespaciada, como en el resto del grupo */
.size,
.modified,
#listing .item .size,
#listing .item .modified {
  font-family: 'Geist Mono', ui-monospace, monospace;
  color: #6B7484;
}

/* Campos */
input,
.input {
  background: #FFFDF8 !important;
  border-color: #E2DACB !important;
  color: #1A2330 !important;
}
input::placeholder {
  color: #6B7484 !important;
}