/* ============================================================
   OurVault — Temas personales del entorno (Lote 2, feature Temas)
   Archivo: v2-temas.css
   Cada tema redefine variables de variables.css vía html[data-tema].
   SIN atributo data-tema (o con valor desconocido) este archivo es
   INERTE: el default marfil vive en variables.css y no se toca.
   Los estados semánticos (success/error/info/pausa/owner/priv) y el
   banner de postales NO se redefinen: funcionan sobre cualquier
   fondo claro. --gold cumple el rol de "acento" del tema.
   ============================================================ */

/* ── Estilo tintado suave ─────────────────────────────────── */

html[data-tema="salvia"] {
  --bg-primary:    #edf0e2;
  --bg-secondary:  #e5ead6;
  --bg-soft:       #dce3c8;
  --surface:       #fbfcf7;
  --surface-2:     #f4f7ec;
  --border:        #d9e0c6;
  --border-chat:   #a8b788;
  --border-input:  #c8d3ab;
  --text-primary:  #2b3418;
  --text-secondary:#47542c;
  --text-muted:    #939c81;
  --gold:          #8a9b5e;
  --gold-dim:      #d6ddb9;
  --gold-strong:   #5c7038;
  --gold-deep:     #46562a;
  --focus-ring:    rgba(138, 155, 94, 0.35);
  --scrollbar-thumb:       #d3dcb9;
  --scrollbar-thumb-hover: #bec98f;
  --meter-a:       #a3b371;
  --meter-b:       #7c8f4a;
}

html[data-tema="lavanda"] {
  --bg-primary:    #efecf4;
  --bg-secondary:  #e7e2f0;
  --bg-soft:       #ded6ea;
  --surface:       #fcfbfe;
  --surface-2:     #f6f3fa;
  --border:        #ded7ea;
  --border-chat:   #ac9cc9;
  --border-input:  #cfc4e0;
  --text-primary:  #322947;
  --text-secondary:#514566;
  --text-muted:    #9c93ac;
  --gold:          #9a86c0;
  --gold-dim:      #e0d7ee;
  --gold-strong:   #6b5694;
  --gold-deep:     #544273;
  --focus-ring:    rgba(154, 134, 192, 0.35);
  --scrollbar-thumb:       #d9d0e8;
  --scrollbar-thumb-hover: #c3b5da;
  --meter-a:       #ab97cf;
  --meter-b:       #836cb0;
}

html[data-tema="terracota"] {
  --bg-primary:    #f6ede6;
  --bg-secondary:  #f1e2d6;
  --bg-soft:       #ead5c4;
  --surface:       #fdfaf7;
  --surface-2:     #f9f2ec;
  --border:        #ecd9c9;
  --border-chat:   #cfa183;
  --border-input:  #e0c4ac;
  --text-primary:  #442718;
  --text-secondary:#64412c;
  --text-muted:    #ab9384;
  --gold:          #c08556;
  --gold-dim:      #ecd4bd;
  --gold-strong:   #96562b;
  --gold-deep:     #7a4420;
  --focus-ring:    rgba(192, 133, 86, 0.35);
  --scrollbar-thumb:       #e6d0bc;
  --scrollbar-thumb-hover: #d8b795;
  --meter-a:       #c08556;
  --meter-b:       #9c6437;
  /* Alarma en rojo semántico (decisión Rod 4-ago): en este tema el
     terracota de la barra normal camuflaría la advertencia. */
  --meter-warn-a:  #c4483e;
  --meter-warn-b:  #a32d2d;
}

/* ── Estilo blanco puro + acento de borde ─────────────────── */

html[data-tema="bosque"] {
  /* Fondo blanco puro; tarjeta en blanco tintado (decisión Rod 4-ago):
     mejor separación visual que borde solo en el dashboard denso. */
  --bg-primary:    #ffffff;
  --bg-secondary:  #fbfcfb;
  --bg-soft:       #e6efe7;
  --surface:       #f4f8f4;
  --surface-2:     #eaf2eb;
  --border:        #c4d8c6;
  --border-chat:   #7ba382;
  --border-input:  #a8c4ac;
  --text-primary:  #1e2b20;
  --text-secondary:#3d5242;
  --text-muted:    #8a9a8d;
  --gold:          #4a7a54;
  --gold-dim:      #d2e4d5;
  --gold-strong:   #2e5b38;
  --gold-deep:     #224629;
  --focus-ring:    rgba(74, 122, 84, 0.30);
  --scrollbar-thumb:       #cfdfd2;
  --scrollbar-thumb-hover: #aec9b3;
  --meter-a:       #5d8f67;
  --meter-b:       #3a6a44;
}

/* ── Ampliación a 20 temas (aprobada 4-ago) — estilo tintado suave.
   Derivación por contraste equivalente al marfil: texto = matiz del fondo
   oscurecido a ratio ~11:1; --gold-strong apto para texto blanco encima.
   Alarma de barras en rojo semántico donde el acento es naranja
   (albaricoque, canela — mismo criterio que terracota). ── */

html[data-tema="amarillo"] {
  --bg-primary:    #faf3d9;
  --bg-secondary:  #f5ecc6;
  --bg-soft:       #efe3ac;
  --surface:       #fdfbf2;
  --surface-2:     #f9f5e2;
  --border:        #ecdfb4;
  --border-chat:   #c9b25c;
  --border-input:  #ddcd8e;
  --text-primary:  #3a3008;
  --text-secondary:#5c4d14;
  --text-muted:    #a29a70;
  --gold:          #c9a02e;
  --gold-dim:      #ecdf9e;
  --gold-strong:   #8a6d14;
  --gold-deep:     #6f570e;
  --focus-ring:    rgba(201, 160, 46, 0.35);
  --scrollbar-thumb:       #e8dda6;
  --scrollbar-thumb-hover: #d9c878;
  --meter-a:       #c9a02e;
  --meter-b:       #a17f1e;
}

html[data-tema="azul"] {
  --bg-primary:    #e6eef8;
  --bg-secondary:  #dbe6f4;
  --bg-soft:       #cddcee;
  --surface:       #fbfcfe;
  --surface-2:     #f1f5fb;
  --border:        #d3e0f0;
  --border-chat:   #8fabcd;
  --border-input:  #b9cce4;
  --text-primary:  #16283e;
  --text-secondary:#2e4763;
  --text-muted:    #8b97a8;
  --gold:          #3d6ea5;
  --gold-dim:      #cfdff0;
  --gold-strong:   #2e547e;
  --gold-deep:     #233f60;
  --focus-ring:    rgba(61, 110, 165, 0.30);
  --scrollbar-thumb:       #cfdeee;
  --scrollbar-thumb-hover: #adc5e0;
  --meter-a:       #4a7ab0;
  --meter-b:       #35608c;
}

html[data-tema="celeste"] {
  --bg-primary:    #e1f2f7;
  --bg-secondary:  #d3ebf2;
  --bg-soft:       #c1e1eb;
  --surface:       #f9fdfe;
  --surface-2:     #edf7fa;
  --border:        #c8e4ed;
  --border-chat:   #7cb9c9;
  --border-input:  #a8d2de;
  --text-primary:  #0f2e37;
  --text-secondary:#235058;
  --text-muted:    #7f9ba3;
  --gold:          #2f8fa8;
  --gold-dim:      #c4e5ec;
  --gold-strong:   #1f6a7e;
  --gold-deep:     #175261;
  --focus-ring:    rgba(47, 143, 168, 0.30);
  --scrollbar-thumb:       #c8e3eb;
  --scrollbar-thumb-hover: #a1cfdd;
  --meter-a:       #3f9fb6;
  --meter-b:       #27758a;
}

html[data-tema="perla"] {
  --bg-primary:    #eef0f1;
  --bg-secondary:  #e5e8ea;
  --bg-soft:       #d8dde0;
  --surface:       #fbfcfc;
  --surface-2:     #f3f5f6;
  --border:        #dde2e4;
  --border-chat:   #a4b0b6;
  --border-input:  #c5cdd1;
  --text-primary:  #272d30;
  --text-secondary:#455055;
  --text-muted:    #98a2a7;
  --gold:          #7c8a91;
  --gold-dim:      #d7dee1;
  --gold-strong:   #4d5b63;
  --gold-deep:     #3b474e;
  --focus-ring:    rgba(124, 138, 145, 0.35);
  --scrollbar-thumb:       #d6dcdf;
  --scrollbar-thumb-hover: #bcc6ca;
  --meter-a:       #8b99a0;
  --meter-b:       #67767e;
}

html[data-tema="albaricoque"] {
  --bg-primary:    #faf0dc;
  --bg-secondary:  #f6e7ca;
  --bg-soft:       #f0dbb2;
  --surface:       #fdfbf5;
  --surface-2:     #f9f3e6;
  --border:        #eeddc0;
  --border-chat:   #d3a86a;
  --border-input:  #e2c99b;
  --text-primary:  #3e2c10;
  --text-secondary:#61481f;
  --text-muted:    #a89676;
  --gold:          #d9974a;
  --gold-dim:      #f0d9b6;
  --gold-strong:   #9c6522;
  --gold-deep:     #7d4f1a;
  --focus-ring:    rgba(217, 151, 74, 0.35);
  --scrollbar-thumb:       #eddcbd;
  --scrollbar-thumb-hover: #dfc290;
  --meter-a:       #d9974a;
  --meter-b:       #b0742f;
  /* Acento casi idéntico al naranja de alarma: alarma a rojo semántico. */
  --meter-warn-a:  #c4483e;
  --meter-warn-b:  #a32d2d;
}

html[data-tema="canela"] {
  --bg-primary:    #f7e3d6;
  --bg-secondary:  #f2d6c3;
  --bg-soft:       #ecc7ad;
  --surface:       #fdf9f6;
  --surface-2:     #f9eee6;
  --border:        #ecd2bf;
  --border-chat:   #cf9576;
  --border-input:  #dfb99e;
  --text-primary:  #40220f;
  --text-secondary:#64381f;
  --text-muted:    #ab8d7a;
  --gold:          #b8603a;
  --gold-dim:      #ecc9b6;
  --gold-strong:   #8d4527;
  --gold-deep:     #703619;
  --focus-ring:    rgba(184, 96, 58, 0.35);
  --scrollbar-thumb:       #ead0bc;
  --scrollbar-thumb-hover: #dbb192;
  --meter-a:       #c4744e;
  --meter-b:       #9c5231;
  /* Acento naranja tostado, pariente de la alarma: alarma a rojo. */
  --meter-warn-a:  #c4483e;
  --meter-warn-b:  #a32d2d;
}

html[data-tema="glaciar"] {
  --bg-primary:    #e3edf5;
  --bg-secondary:  #d7e4f0;
  --bg-soft:       #c7d8e9;
  --surface:       #fafcfe;
  --surface-2:     #eff5fa;
  --border:        #d0dfec;
  --border-chat:   #92afc9;
  --border-input:  #b6cade;
  --text-primary:  #182838;
  --text-secondary:#324a60;
  --text-muted:    #8d9aa9;
  --gold:          #4f7ca8;
  --gold-dim:      #d3e0ee;
  --gold-strong:   #3a5f84;
  --gold-deep:     #2c4a68;
  --focus-ring:    rgba(79, 124, 168, 0.30);
  --scrollbar-thumb:       #d1dfec;
  --scrollbar-thumb-hover: #b1c8dd;
  --meter-a:       #6089b1;
  --meter-b:       #44688d;
}

html[data-tema="aciano"] {
  --bg-primary:    #e6e9f5;
  --bg-secondary:  #dcdff0;
  --bg-soft:       #cdd2e9;
  --surface:       #fbfcfe;
  --surface-2:     #f1f3fa;
  --border:        #d5d9ec;
  --border-chat:   #9aa2c9;
  --border-input:  #bcc2de;
  --text-primary:  #1e2338;
  --text-secondary:#3c4260;
  --text-muted:    #9095a8;
  --gold:          #5c66a3;
  --gold-dim:      #d6daee;
  --gold-strong:   #454e80;
  --gold-deep:     #353c64;
  --focus-ring:    rgba(92, 102, 163, 0.32);
  --scrollbar-thumb:       #d4d8eb;
  --scrollbar-thumb-hover: #b7bdde;
  --meter-a:       #6d77b0;
  --meter-b:       #4f588c;
}

html[data-tema="pistacho"] {
  --bg-primary:    #e5f0e0;
  --bg-secondary:  #d9e9d2;
  --bg-soft:       #c9dfc0;
  --surface:       #fafdf9;
  --surface-2:     #eff7ec;
  --border:        #d2e4ca;
  --border-chat:   #93bd88;
  --border-input:  #b6d3ab;
  --text-primary:  #1f3319;
  --text-secondary:#3a5732;
  --text-muted:    #8ba084;
  --gold:          #5f9955;
  --gold-dim:      #d3e6cd;
  --gold-strong:   #447239;
  --gold-deep:     #345a2b;
  --focus-ring:    rgba(95, 153, 85, 0.32);
  --scrollbar-thumb:       #d2e3c9;
  --scrollbar-thumb-hover: #b3d0a6;
  --meter-a:       #6fa465;
  --meter-b:       #4f7f45;
}

html[data-tema="menta"] {
  --bg-primary:    #e0efe8;
  --bg-secondary:  #d2e8dd;
  --bg-soft:       #c0ddce;
  --surface:       #f9fcfb;
  --surface-2:     #edf6f2;
  --border:        #cee3d8;
  --border-chat:   #85b8a1;
  --border-input:  #aed0c0;
  --text-primary:  #142e23;
  --text-secondary:#2c5343;
  --text-muted:    #83a094;
  --gold:          #3f8f6f;
  --gold-dim:      #cbe4d8;
  --gold-strong:   #2c6b51;
  --gold-deep:     #215340;
  --focus-ring:    rgba(63, 143, 111, 0.32);
  --scrollbar-thumb:       #cde2d7;
  --scrollbar-thumb-hover: #a8ccbb;
  --meter-a:       #4f9c7d;
  --meter-b:       #357a5d;
}

html[data-tema="piedra"] {
  --bg-primary:    #f0ece4;
  --bg-secondary:  #e9e3d7;
  --bg-soft:       #dfd6c5;
  --surface:       #fcfbf8;
  --surface-2:     #f5f2ec;
  --border:        #e1d9ca;
  --border-chat:   #b3a68e;
  --border-input:  #cfc4ae;
  --text-primary:  #2e2718;
  --text-secondary:#524832;
  --text-muted:    #a1957f;
  --gold:          #8a7a63;
  --gold-dim:      #ddd4c4;
  --gold-strong:   #64563f;
  --gold-deep:     #4e4331;
  --focus-ring:    rgba(138, 122, 99, 0.35);
  --scrollbar-thumb:       #ded5c3;
  --scrollbar-thumb-hover: #cbbc9f;
  --meter-a:       #9a8a71;
  --meter-b:       #776649;
}

html[data-tema="malva"] {
  --bg-primary:    #ece7ec;
  --bg-secondary:  #e4dde4;
  --bg-soft:       #d8ced8;
  --surface:       #fcfbfc;
  --surface-2:     #f3f0f3;
  --border:        #ddd4dd;
  --border-chat:   #ab9cb0;
  --border-input:  #c8bcc9;
  --text-primary:  #2d2430;
  --text-secondary:#4f4354;
  --text-muted:    #9d92a0;
  --gold:          #8a7a8f;
  --gold-dim:      #dcd3de;
  --gold-strong:   #645468;
  --gold-deep:     #4e4152;
  --focus-ring:    rgba(138, 122, 143, 0.35);
  --scrollbar-thumb:       #dbd2db;
  --scrollbar-thumb-hover: #c3b4c4;
  --meter-a:       #98879d;
  --meter-b:       #74627a;
}

html[data-tema="coral"] {
  --bg-primary:    #fbe6e1;
  --bg-secondary:  #f8dad3;
  --bg-soft:       #f3cabf;
  --surface:       #fefaf9;
  --surface-2:     #fbf0ed;
  --border:        #f0d4cc;
  --border-chat:   #dba190;
  --border-input:  #e6bdb1;
  --text-primary:  #421e15;
  --text-secondary:#683528;
  --text-muted:    #af9188;
  --gold:          #d97b6a;
  --gold-dim:      #f2d0c8;
  --gold-strong:   #a5512d;   /* ⚠ ver decisión coral en el diff */
  --gold-deep:     #843f22;
  --focus-ring:    rgba(217, 123, 106, 0.35);
  --scrollbar-thumb:       #f0d2c9;
  --scrollbar-thumb-hover: #e2b3a5;
  --meter-a:       #d97b6a;
  --meter-b:       #b25a48;
  /* Acento salmón pariente del naranja de alarma: alarma a rojo. */
  --meter-warn-a:  #c4483e;
  --meter-warn-b:  #a32d2d;
}

html[data-tema="rosa"] {
  --bg-primary:    #f7e6ee;
  --bg-secondary:  #f3dae6;
  --bg-soft:       #eccadb;
  --surface:       #fdfafc;
  --surface-2:     #f9f0f4;
  --border:        #ecd3df;
  --border-chat:   #d3a0b6;
  --border-input:  #e0bccc;
  --text-primary:  #3c1f2b;
  --text-secondary:#5f3648;
  --text-muted:    #a98e9a;
  --gold:          #c47b95;
  --gold-dim:      #ecd0db;
  --gold-strong:   #8f4a63;
  --gold-deep:     #723a4f;
  --focus-ring:    rgba(196, 123, 149, 0.35);
  --scrollbar-thumb:       #ead0dc;
  --scrollbar-thumb-hover: #d9b0c3;
  --meter-a:       #c47b95;
  --meter-b:       #a05877;
}

html[data-tema="marino"] {
  /* Fondo blanco puro; tarjeta en blanco tintado (decisión Rod 4-ago). */
  --bg-primary:    #ffffff;
  --bg-secondary:  #fbfcfd;
  --bg-soft:       #e4ebf5;
  --surface:       #f4f7fb;
  --surface-2:     #e9eff7;
  --border:        #c9d4e6;
  --border-chat:   #7d92b8;
  --border-input:  #a9bad4;
  --text-primary:  #16233a;
  --text-secondary:#35486a;
  --text-muted:    #8b97ab;
  --gold:          #33507f;
  --gold-dim:      #d3ddec;
  --gold-strong:   #24406c;
  --gold-deep:     #182f54;
  --focus-ring:    rgba(51, 80, 127, 0.28);
  --scrollbar-thumb:       #ccd8e8;
  --scrollbar-thumb-hover: #aabfd9;
  --meter-a:       #4a6da3;
  --meter-b:       #2e4d7e;
}