/* ============================================================================
   TEMAS de la administración (admin.html y login.html). Cómo crear o cambiar uno: docs/TEMAS.md

   Regla: las pantallas NO tienen colores, fuentes, radios ni sombras sueltos. Todo sale de
   las variables de este archivo. Cada tema es un bloque [data-theme="<nombre>"] con:
     1) variables de daisyUI (--color-*, --radius-*, --depth...): colores de botones, tarjetas, inputs
     2) variables propias --app-* (líneas, texto suave, almanaque, tipografía, sombras, barra, marca)
   El servidor pone data-theme en <html> según empresa.config.tema (auth.tema_de).
   ========================================================================== */

/* ---------------- tema "caraibi": el verde de Dreaming Caraibi, EXACTO a como estaba ---------------- */
[data-theme="caraibi"]{
  color-scheme:light;
  /* daisyUI */
  --color-base-100:#ffffff; --color-base-200:#f7f8f5; --color-base-300:#eef0ea;
  --color-base-content:#1d2a24;
  --color-primary:#244d3d; --color-primary-content:#ffffff;
  --color-secondary:#2f6a52; --color-secondary-content:#ffffff;
  --color-accent:#2e6f8e; --color-accent-content:#ffffff;
  --color-neutral:#1d2a24; --color-neutral-content:#ffffff;
  --color-info:#2e6f8e; --color-info-content:#ffffff;
  --color-success:#2f6a52; --color-success-content:#ffffff;
  --color-warning:#c1502e; --color-warning-content:#ffffff;
  --color-error:#b3261e; --color-error-content:#ffffff;
  --radius-selector:0.5rem; --radius-field:0.5rem; --radius-box:0.75rem;
  --size-selector:0.25rem; --size-field:0.25rem; --border:1px; --depth:1; --noise:0;
  /* tipografía */
  --app-fuente-texto:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
  --app-fuente-titulo:var(--app-fuente-texto);
  --app-ease:cubic-bezier(.4,0,.2,1);
  /* radios (los de daisyUI van arriba) */
  --radio-media:0.5rem;            /* fotos y miniaturas (rounded-lg) */
  --radio-celda:9px;               /* celdas del almanaque */
  --radio-fila:10px;               /* filas de calendarios conectados */
  --radius-lg:0.5rem;              /* pisa el rounded-lg de Tailwind con el token */
  /* sombras */
  --sombra-chica:0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
  --sombra-grande:0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
  --sombra-barra:0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
  /* barra superior y menú */
  --app-barra-fondo:#244d3d; --app-barra-texto:#ffffff; --app-barra-borde:transparent;
  --app-velo:rgb(0 0 0 / .4);
  /* marca: "plano" = solo el nombre de la empresa; "marca" = marca del producto con la empresa abajo */
  --app-v-plano:inline; --app-v-marca:none;
  /* superficies y líneas */
  --app-superficie:#ffffff; --app-linea:#dbe0da; --app-texto-suave:#657069;
  --app-acento:#c1502e;
  /* almanaque */
  --app-hoy:#c1502e; --app-conflicto:#c1272d; --app-seleccion:#2f6a52; --app-seleccion-fondo:#eef6f1;
  --app-duda-1:#e7b76b; --app-duda-2:#fbe3ba; --app-duda-texto:#6b4408; --app-larga:#6b4fa0;
  --app-reserva-1:#2f6a52; --app-reserva-2:#2e6f8e; --app-reserva-3:#a8763a; --app-reserva-4:#3d7a68;
  --app-reserva-5:#8a4b6b; --app-reserva-6:#4f7a3d; --app-reserva-7:#3a5a99;
}

/* ---------------- tema "captia": el de la landing de Captia (default de empresas nuevas y del login) ----------------
   fondo #fffdfa · crema #fff8ef · tinta #302921 · gris #807265 · acento #e4472d · líneas #eadfd2
   Para gente grande en celular: botones grandes tipo píldora, texto >= 16px, contraste AA.
   Ojo: el rojo de marca #e4472d con letra blanca da 4.0:1 (no llega a AA), por eso los botones y
   links usan #c93a22 (5.1:1) y el #e4472d queda para la marca, la barra y los detalles grandes. */
[data-theme="captia"]{
  color-scheme:light;
  --color-base-100:#fffdfa; --color-base-200:#fff8ef; --color-base-300:#eadfd2;
  --color-base-content:#302921;
  --color-primary:#c93a22; --color-primary-content:#ffffff;
  --color-secondary:#302921; --color-secondary-content:#fffdfa;
  --color-accent:#6f5039; --color-accent-content:#fff8ef;
  --color-neutral:#302921; --color-neutral-content:#fffdfa;
  --color-info:#2d6a8a; --color-info-content:#ffffff;
  --color-success:#1f7a4d; --color-success-content:#ffffff;
  --color-warning:#9a4a00; --color-warning-content:#ffffff;
  --color-error:#b3261e; --color-error-content:#ffffff;
  --radius-selector:99px; --radius-field:99px; --radius-box:18px;
  --size-selector:0.25rem; --size-field:0.25rem; --border:1px; --depth:0; --noise:0;
  --app-fuente-texto:Manrope,ui-sans-serif,system-ui,sans-serif;
  --app-fuente-titulo:Urbanist,Manrope,ui-sans-serif,system-ui,sans-serif;
  --app-ease:cubic-bezier(.22,1,.36,1);
  --radio-media:13px; --radio-celda:12px; --radio-fila:13px; --radius-lg:13px;
  --sombra-chica:0 3px 8px #7046270b;
  --sombra-grande:0 20px 45px #79533318;
  --sombra-barra:none;
  --app-barra-fondo:#fffdfa; --app-barra-texto:#302921; --app-barra-borde:#eadfd2;
  --app-velo:rgb(48 41 33 / .45);
  --app-v-plano:none; --app-v-marca:block;
  --app-superficie:#fffdfa; --app-linea:#eadfd2; --app-texto-suave:#6b5e50; --app-gris:#807265;
  --app-acento:#e4472d;
  --app-hoy:#e4472d; --app-conflicto:#b3261e; --app-seleccion:#c93a22; --app-seleccion-fondo:#fff1e6;
  --app-duda-1:#e7b76b; --app-duda-2:#fbe3ba; --app-duda-texto:#6b4408; --app-larga:#6b4fa0;
  --app-reserva-1:#c93a22; --app-reserva-2:#2d6a8a; --app-reserva-3:#8a5a2b; --app-reserva-4:#1f7a4d;
  --app-reserva-5:#8a4b6b; --app-reserva-6:#5c6b2a; --app-reserva-7:#3a5a99;
}

/* ---------------- piezas comunes (leen SOLO variables; valen para cualquier tema) ---------------- */
html{-webkit-text-size-adjust:100%}
body{font-family:var(--app-fuente-texto)}
h1,h2,h3,h4,.font-titulo{font-family:var(--app-fuente-titulo)}
.barra-app{background:var(--app-barra-fondo);color:var(--app-barra-texto);
           box-shadow:inset 0 -1px 0 var(--app-barra-borde)}
.barra-sombra{box-shadow:var(--sombra-barra),inset 0 -1px 0 var(--app-barra-borde)}
.barra-app .btn-ghost{color:var(--app-barra-texto)}
.sombra-chica{box-shadow:var(--sombra-chica)}
.sombra-grande{box-shadow:var(--sombra-grande)}
.velo{background:var(--app-velo)}
.v-plano:not(.hidden){display:var(--app-v-plano)}
.v-marca:not(.hidden){display:var(--app-v-marca)}
.texto-suave{color:var(--app-texto-suave)}
.marca-nombre{font-family:var(--app-fuente-titulo);font-weight:800;font-size:1.35rem;line-height:1.05;
              letter-spacing:-.03em;color:var(--app-acento)}
.marca-empresa{font-size:.8125rem;line-height:1.2;opacity:.8}

/* ---------------- ajustes que solo hacen falta en el tema captia ---------------- */
[data-theme="captia"] .btn:not(.join-item){min-height:3rem;font-weight:700;font-size:1rem;
  transition-timing-function:var(--app-ease)}
[data-theme="captia"] .btn-sm:not(.join-item){min-height:2.75rem;font-size:1rem;padding-inline:1.1rem}
[data-theme="captia"] .btn.btn-circle{min-height:0}
[data-theme="captia"] .btn-ghost{box-shadow:none}
[data-theme="captia"] .join-item.btn{min-height:2.75rem;font-size:1rem}
[data-theme="captia"] .input,[data-theme="captia"] .select,[data-theme="captia"] .textarea{
  border-radius:16px;min-height:3rem;font-size:1rem}
[data-theme="captia"] .input-sm{min-height:2.5rem}
[data-theme="captia"] .card{border:1px solid var(--app-linea);box-shadow:var(--sombra-chica)}
[data-theme="captia"] .text-xs,[data-theme="captia"] .text-sm{font-size:1rem}
[data-theme="captia"] .toggle{transition-timing-function:var(--app-ease)}
[data-theme="captia"] :focus-visible{outline:2px solid var(--app-acento);outline-offset:3px}
[data-theme="captia"] h1,[data-theme="captia"] h2,[data-theme="captia"] h3{letter-spacing:-.03em}