/* static/css/admin_custom.css */
:root {
    --arg-azul: #232D4F;
    --arg-secundario: #3E5A7E;
    --arg-amarillo: #E7BA61;
    --arg-verde: #2E7D33;
    --arg-rojo: #C62828;
    --arg-info: #5A7290;
    --arg-arena: #EAE1B7;
}

/* Botones */
.btn-azul {
    background-color: var(--arg-azul);
    color: white;
}

.btn-secundario {
    background-color: var(--arg-secundario);
    color: white;
}

.btn-amarillo {
    background-color: var(--arg-amarillo);
    color: black;
}

.btn-verde {
    background-color: var(--arg-verde);
    color: white;
}

.btn-rojo {
    background-color: var(--arg-rojo);
    color: white;
}

.btn-info {
    background-color: var(--arg-info);
    color: white;
}

.btn-arena {
    background-color: var(--arg-arena);
    color: black;
}

/* Texto */
.text-azul {
    color: var(--arg-azul);
}

.text-secundario {
    color: var(--arg-secundario);
}

.text-amarillo {
    color: var(--arg-amarillo);
}

.text-verde {
    color: var(--arg-verde);
}

.text-rojo {
    color: var(--arg-rojo);
}

.text-info {
    color: var(--arg-info);
}

.text-arena {
    color: var(--arg-arena);
}
/* Sobrescribir variables internas del admin */
html[data-theme="dark"], :root {
--primary: #79aec8;
  --secondary: #417690;
  --accent: #f5dd5d;
  --primary-fg: #fff;
  --body-fg: #333;
  --body-bg: #fff;
  --body-quiet-color: #666;
  --body-medium-color: #444;
  --body-loud-color: #000;
  --header-color: #ffc;
  --header-branding-color: var(--accent);
  --header-bg: var(--secondary);
  --header-link-color: var(--primary-fg);
  --breadcrumbs-fg: #c4dce8;
  --breadcrumbs-link-fg: var(--body-bg);
  --breadcrumbs-bg: #264b5d;
  --link-fg: #417893;
  --link-hover-color: #036;
  --link-selected-fg: var(--secondary);
  --hairline-color: #e8e8e8;
  --border-color: #ccc;
  --error-fg: #ba2121;
  --message-success-bg: #dfd;
  --message-warning-bg: #ffc;
  --message-error-bg: #ffefef;
  --darkened-bg: #f8f8f8;
  --selected-bg: #e4e4e4;
  --selected-row: #ffc;
  --button-fg: #fff;
  --button-bg: var(--secondary);
  --button-hover-bg: #205067;
  --default-button-bg: #205067;
  --default-button-hover-bg: var(--secondary);
  --close-button-bg: #747474;
  --close-button-hover-bg: #333;
  --delete-button-bg: #ba2121;
  --delete-button-hover-bg: #a41515;
  --object-tools-fg: var(--button-fg);
  --object-tools-bg: var(--close-button-bg);
  --object-tools-hover-bg: var(--close-button-hover-bg);
  --font-family-primary: 'Montserrat', sans-serif !important;
  --font-family-monospace: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}



body, .dashboard {
    --link-color: var(--arg-secundario); /* Cambiar color de enlaces */
    --accent: var(--arg-amarillo);        /* Cambiar fondo del encabezado */
    --selected-row: var(--arg-amarillo);        /* Cambiar fondo del encabezado */
    --header-bg: var(--arg-azul);        /* Cambiar fondo del encabezado */
    --breadcrumbs-bg: var(--arg-azul);        /* Cambiar fondo del encabezado */
    --header-text-color: white;          /* Cambiar color de texto del encabezado */
    --button-color: var(--arg-azul); /* Cambiar color de los botones */
    --button-hover-color: var(--arg-secundario); /* Cambiar color de los botones al pasar el ratón */
    --primary-bg-color: var(--arg-arena); /* Cambiar fondo principal */
    --module-title-bg: var(--arg-azul);   /* Cambiar fondo de los módulos */
    --module-title-color: white;          /* Cambiar color de texto en los módulos */
}

/* Modificar botones y campos */
button, .submit-row input[type="submit"], .btn, .btn-group {
    background-color: var(--button-color);
    color: white;
}

button:hover, .submit-row input[type="submit"]:hover, .btn:hover, .btn-group:hover {
    background-color: var(--button-hover-color);
}

/* Otros elementos */
.module h2 {
    background-color: var(--module-title-bg);
    color: var(--module-title-color);
}
body{
  letter-spacing: -0.15pt;
}
/* Establecer Lora para los titulares */
h1, h2, h3, h4, h5, h6, .module h2 {
    font-family: 'Lora', serif !important;
}

h1, .h1 {
  font-size: 2.5rem;
  font-weight: 700;
}
#branding h2, .h2 {
  font-size: 2.0rem;
  font-weight: 700;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  color: white;
}

#site-name{
  font-family: 'Lora', serif !important;
  font-weight: 700;
}
.border-bottom-amarillo {
  border-bottom: 3px solid #e7ba61;
}

#header{
  border-bottom: 3px solid #e7ba61;
}