/* =====================================================================
   TTBS · Club Deportivo — tema de la aplicación de gestión
   Colores tomados del logo: azul del texto, oro de la medalla, rojo de la cinta
   ===================================================================== */
:root {
  --ttbs-azul-osc: #1f2a6e;
  --ttbs-azul: #3b46a8;
  --ttbs-oro: #e3a93c;
  --ttbs-oro-claro: #f7efdf;
  --ttbs-rojo: #d7141e;

  --primary: var(--ttbs-azul);
  --secondary: var(--ttbs-azul-osc);
  --accent: var(--ttbs-oro);
  --primary-fg: #fff;

  --header-bg: var(--ttbs-azul-osc);
  --header-color: #f5e6c4;
  --header-branding-color: #f2c35b;
  --header-link-color: #fff;

  --breadcrumbs-bg: var(--ttbs-oro-claro);
  --breadcrumbs-fg: #6b5428;
  --breadcrumbs-link-fg: var(--ttbs-azul-osc);

  --link-fg: #2f3a9a;
  --link-hover-color: var(--ttbs-rojo);
  --link-selected-fg: var(--ttbs-azul-osc);

  --button-bg: var(--ttbs-azul);
  --button-hover-bg: var(--ttbs-azul-osc);
  --default-button-bg: var(--ttbs-azul-osc);
  --default-button-hover-bg: #141c4d;
  --object-tools-bg: var(--ttbs-azul);
  --object-tools-hover-bg: var(--ttbs-rojo);

  --selected-row: #fdf6e3;
}
/* Modo oscuro: ajustar solo lo que en claro usa tonos crema */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --breadcrumbs-bg: #2a2f45; --breadcrumbs-fg: #e8d9b5; --breadcrumbs-link-fg: #f2c35b;
    --selected-row: #2c3350; --link-fg: #9aa8ff; --link-selected-fg: #c7cfff;
  }
}
html[data-theme="dark"] {
  --breadcrumbs-bg: #2a2f45; --breadcrumbs-fg: #e8d9b5; --breadcrumbs-link-fg: #f2c35b;
  --selected-row: #2c3350; --link-fg: #9aa8ff; --link-selected-fg: #c7cfff;
}

/* ---------- Cabecera con logo y línea roja (la cinta) ---------- */
#header { border-bottom: 4px solid var(--ttbs-rojo); padding-top: 6px; padding-bottom: 6px; }
#site-name a { display: inline-flex; align-items: center; gap: 12px; font-weight: 600; letter-spacing: .02em; }
#site-name img.ttbs-logo { height: 48px; width: auto; }
@media (max-width: 767px) { #site-name img.ttbs-logo { height: 36px; } }

/* ---------- Pantalla de acceso ---------- */
body.login { background: linear-gradient(160deg, var(--ttbs-azul-osc) 0%, var(--ttbs-azul) 100%); min-height: 100vh; }
body.login #container { border-radius: 14px; overflow: hidden; box-shadow: 0 18px 50px rgba(0,0,0,.35); margin-top: 60px; }
body.login #header { justify-content: center; }
body.login #site-name img.ttbs-logo { display: none; }   /* en el login va el logo grande */
.ttbs-login-logo { text-align: center; margin: 4px 0 14px; }
.ttbs-login-logo img { width: 190px; height: auto; filter: drop-shadow(0 4px 8px rgba(0,0,0,.18)); }
.ttbs-login-logo .lema { display: block; margin-top: 6px; color: var(--body-quiet-color); font-size: 13px; }
body.login .submit-row input { width: 100%; padding: 10px; font-size: 15px; border-radius: 6px; }

/* ---------- Panel de inicio y tablas ---------- */
.ttbs-kpi { border-top: 4px solid var(--ttbs-oro) !important; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
.ttbs-kpi.aviso { border-top-color: var(--ttbs-rojo) !important; }
.module h2, .module caption, .inline-group h2 { background: var(--ttbs-azul); }
.button, input[type=submit], input[type=button], .submit-row input, a.button { border-radius: 6px; }