/* ============================================================
   TEMAS.CSS — Variables :root (paleta base) + los 12 tintes
   mensuales + el override hexagonal de Litha.
   Separado a propósito de base.css para que nunca se mezcle
   ni se recorte junto con el resto de la interfaz.
   ============================================================ */

  :root {
    /* 1. Fondo base */
    --fondo-base: #0a0b0e;
    /* 2. Líneas del grid del tema base. Un cian tenue a baja opacidad
       (no un color sólido) para que se vea suave y sutil, no marcado
       — a tono con los acentos cian que ya usa el resto de la paleta
       (--luna-fondo, --modal-acento). NUNCA igual a --fondo-base:
       eso vuelve el grid invisible por completo. */
    --fondo-grid: rgba(0, 220, 232, 0.08);

    /* 3-5. Tarjeta Magia Lunar */
    --luna-fondo: #00DCE8;
    --luna-titulo: #000000;
    --luna-texto: #FEFEFE;
    /* 19. Acento dentro de la tarjeta Magia Lunar (cuenta regresiva) */
    --luna-acento: #E592F7;

    /* 6-8. Tarjeta Magia Diaria */
    --diaria-fondo: #3EDB00;
    --diaria-titulo: #000000;
    --diaria-texto: #FEFEFE;

    /* 9-11. Superficie de modales (insignia, tótem, detalle de luna, login/paywall) */
    --modal-fondo: #848688;
    --modal-titulo: #000000;
    --modal-titulo-secundario: #00F2FF;
    --modal-texto: #FEFEFE;
    /* 20. Acento dentro de la superficie de modales (afirmación de la luna) */
    --modal-acento: #00F2FF;

    /* 12/14. Insignia — MISMO color en la página principal y en el modal */
    --insignia: #E592F7;

    /* 13. Texto exterior — dos variantes */
    --exterior-titulo: #3EDB00;
    --exterior-texto: #E592F7;

    /* 15-17. Velas de racha */
    --vela: #3EDB00;
    --vela-apagada: #E592F7;
    --vela-letra: #FEFEFE;



    /* Se quedan fijas SIEMPRE, sin importar el tinte — no forman
       parte del sistema de skins */
    --curva: #000000;
    --mecha: #FFFFFF;
    --flama: #D4600B;
    --luna-superficie: #F2F5FC;
    --luna-sombra-fase: #98A0AB;
    --luna-sombra-fase-opacidad: 0.50;
    --luna-crateres: #97A0A6;
    --crateres-sombra: #6C7487;

    /* ============================================================
       Tótems del altar — 12 colores fijos, uno por matraz/mes (la
       "poción"/líquido de cada matraz). SIEMPRE visibles los 12 al
       mismo tiempo, sin importar cuál tinte esté activo — por eso
       viven aquí como constantes globales y NO dentro de cada
       bloque [data-theme]. El vidrio del matraz es blanco fijo,
       nunca cambia. El altar en sí no cambia de estética. Colores
       elegidos a mano por la diseñadora, coordinados con cada tema
       pero sin depender técnicamente de él.
       ============================================================ */
    --matraz-vidrio: #ffffff;
    --tinte-1: #550007;  /* Mes 1 — Ostara */
    --tinte-2: #599C02;  /* Mes 2 — Avalon */
    --tinte-3: #3089D1;  /* Mes 3 — Hécate */
    --tinte-4: #721E7C;  /* Mes 4 — Amatista */
    --tinte-5: #0245C9;  /* Mes 5 — Tormenta */
    --tinte-6: #FAC25A;  /* Mes 6 — Litha */
    --tinte-7: #F779A3;  /* Mes 7 — Venus */
    --tinte-8: #FF3BA4;  /* Mes 8 — Mictlán */
    --tinte-9: #93A051;  /* Mes 9 — Broceliande */
    --tinte-10: #BA9327; /* Mes 10 — Alquimia */
    --tinte-11: #0EACC2; /* Mes 11 — Selene */
    --tinte-12: #FF780C; /* Mes 12 — Sangre (Ámbar Ancestral) */
    --tinte-reset: #C084FC; /* El matraz de reset — tema base */
  }

  /* ============================================================
     LOS 12 TINTES MENSUALES — piel activa que el usuario elige
     entre los que ya desbloqueó, tocando el matraz correspondiente
     en el altar. Emparejados 1 a 1 con MES en totems_data.json.
     Cada bloque recibe las mismas 19 variables de arriba (todas
     menos el color de su propio matraz, que ya vive en --tinte-N,
     y las que se quedan fijas siempre). Pendientes de tus
     hexadecimales — por ahora vacíos.
     ============================================================ */
  [data-theme="ostara"] {
    --fondo-base: #550007; --fondo-grid: #550007;
    --luna-fondo: #3D4422; --luna-titulo: #C15530; --luna-texto: #FEFEFE; --luna-acento: #C15530;
    --diaria-fondo: #904A92; --diaria-titulo: #D8FC49; --diaria-texto: #FEFEFE;
    --modal-fondo: #B33926; --modal-titulo: #000000; --modal-titulo-secundario: #E1FF69; --modal-texto: #FEFEFE; --modal-acento: #50ED12;
    --insignia: #899E36;
    --exterior-titulo: #D8FC49; --exterior-texto: #FEFEFE;
    --vela: #FFA6A9; --vela-apagada: #FEFEFE; --vela-letra: #C5E640;
  }
  [data-theme="avalon"] {
    --fondo-base: #3B541B; --fondo-grid: #3B541B;
    --luna-fondo: #9CFF6E; --luna-titulo: #F74A89; --luna-texto: #021826; --luna-acento: #F74A89;
    --diaria-fondo: #EBF405; --diaria-titulo: #F74A89; --diaria-texto: #021826;
    --modal-fondo: #69014C; --modal-titulo: #9CFF6E; --modal-titulo-secundario: #4CE012; --modal-texto: #FEFEFE; --modal-acento: #4CE012;
    --insignia: #9CFF6E;
    --exterior-titulo: #F74A89; --exterior-texto: #FEFEFE;
    --vela: #9CFF6E; --vela-apagada: #F74A89; --vela-letra: #F6FC53;
  }
  [data-theme="hecate"] {
    --fondo-base: #003D68; --fondo-grid: #003D68;
    --luna-fondo: #BB1C2E; --luna-titulo: #B3DBFC; --luna-texto: #FEFEFE; --luna-acento: #F6FC53;
    --diaria-fondo: #D1820C; --diaria-titulo: #002B4A; --diaria-texto: #FEFEFE;
    --modal-fondo: #3089D1; --modal-titulo: #003052; --modal-titulo-secundario: #F6FC53; --modal-texto: #FEFEFE; --modal-acento: #F6FC53;
    --insignia: #F6FC53;
    --exterior-titulo: #B3DBFC; --exterior-texto: #F6FC53;
    --vela: #B3DBFC; --vela-apagada: #FCCEAB; --vela-letra: #FC213A;
  }
  [data-theme="selene"] {
    --fondo-base: #0F3C3F; --fondo-grid: #0F3C3F;
    --luna-fondo: #1DB6BC; --luna-titulo: #B50082; --luna-texto: #FEFEFE; --luna-acento: #E9409B;
    --diaria-fondo: #E37A98; --diaria-titulo: #B50082; --diaria-texto: #FEFEFE;
    --modal-fondo: #8C920A; --modal-titulo: #69014C; --modal-titulo-secundario: #E9409B; --modal-texto: #FEFEFE; --modal-acento: #E9409B;
    --insignia: #9CFF6E;
    --exterior-titulo: #FF7ADE; --exterior-texto: #FEFEFE;
    --vela: #E9409B; --vela-apagada: #A6D5FC; --vela-letra: #D0DB09;
  }
  [data-theme="sangre"] {
    --fondo-base: #5C2401; --fondo-grid: #5C2401;
    --luna-fondo: #FF9400; --luna-titulo: #8F0806; --luna-texto: #FEFEFE; --luna-acento: #4D1905;
    --diaria-fondo: #899E36; --diaria-titulo: #4D1905; --diaria-texto: #FEFEFE;
    --modal-fondo: #FF780C; --modal-titulo: #224F11; --modal-titulo-secundario: #4D1905; --modal-texto: #FEFEFE; --modal-acento: #4D1905;
    --insignia: #FAF099;
    --exterior-titulo: #FAF099; --exterior-texto: #FEFEFE;
    --vela: #BAC400; --vela-apagada: #FFE7CC; --vela-letra: #FAF099;
  }
  [data-theme="litha"] {
    --fondo-base: #6B3404; --fondo-grid: #F8D881;
    --luna-fondo: #F8D881; --luna-titulo: #E63200; --luna-texto: #000000; --luna-acento: #E63200;
    --diaria-fondo: #FF9400; --diaria-titulo: #E63200; --diaria-texto: #000000;
    --modal-fondo: #FAC25A; --modal-titulo: #550007; --modal-titulo-secundario: #FC213A; --modal-texto: #000000; --modal-acento: #FC213A;
    --insignia: #41D3E9;
    --exterior-titulo: #FFE852; --exterior-texto: #FEFEFE;
    --vela: #41D3E9; --vela-apagada: #FCB86A; --vela-letra: #C2FA7D;
  }
  [data-theme="amatista"] {
    --fondo-base: #721E7C; --fondo-grid: #721E7C;
    --luna-fondo: #C469D0; --luna-titulo: #FFE852; --luna-texto: #FEFEFE; --luna-acento: #69F8FF;
    --diaria-fondo: #B48CFF; --diaria-titulo: #721E7C; --diaria-texto: #FEFEFE;
    --modal-fondo: #AE57FF; --modal-titulo: #FFE852; --modal-titulo-secundario: #69F8FF; --modal-texto: #FEFEFE; --modal-acento: #69F8FF;
    --insignia: #9CFF6E;
    --exterior-titulo: #FFE852; --exterior-texto: #FEFEFE;
    --vela: #FFE95C; --vela-apagada: #FCB6FB; --vela-letra: #59FFEC;
  }
  [data-theme="mictlan"] {
    --fondo-base: #000000; --fondo-grid: #000000;
    --luna-fondo: #FF3BA4; --luna-titulo: #FEFEFE; --luna-texto: #000000; --luna-acento: #00F2FF;
    --diaria-fondo: #1FD0CA; --diaria-titulo: #FEFEFE; --diaria-texto: #000000;
    --modal-fondo: #FF924A; --modal-titulo: #00F2FF; --modal-titulo-secundario: #D8FC49; --modal-texto: #000000; --modal-acento: #D8FC49;
    --insignia: #FF3BA4;
    --exterior-titulo: #50ED12; --exterior-texto: #FEFEFE;
    --vela: #58C009; --vela-apagada: #FDB71B; --vela-letra: #BD9EFF;
  }
  [data-theme="broceliande"] {
    --fondo-base: #022913; --fondo-grid: #022913;
    --luna-fondo: #93A051; --luna-titulo: #B50082; --luna-texto: #FEFEFE; --luna-acento: #FF3BA4;
    --diaria-fondo: #814875; --diaria-titulo: #FFDCDB; --diaria-texto: #FEFEFE;
    --modal-fondo: #DBC6A9; --modal-titulo: #01632C; --modal-titulo-secundario: #E95C00; --modal-texto: #000000; --modal-acento: #E95C00;
    --insignia: #FF3BA4;
    --exterior-titulo: #FF7ADE; --exterior-texto: #FEFEFE;
    --vela: #E9409B; --vela-apagada: #B8FC8D; --vela-letra: #A6A1FC;
  }
  [data-theme="venus"] {
    --fondo-base: #A10313; --fondo-grid: #A10313;
    --luna-fondo: #A9A9AB; --luna-titulo: #F6FC53; --luna-texto: #000000; --luna-acento: #0061A6;
    --diaria-fondo: #D4AB60; --diaria-titulo: #0061A6; --diaria-texto: #000000;
    --modal-fondo: #F779A3; --modal-titulo: #002B4A; --modal-titulo-secundario: #FC0086; --modal-texto: #000000; --modal-acento: #FC0086;
    --insignia: #F6FC53;
    --exterior-titulo: #FEFEFE; --exterior-texto: #FEFEFE;
    --vela: #F6FC53; --vela-apagada: #C9E9FF; --vela-letra: #FCB6FB;
  }
  [data-theme="tormenta"] {
    --fondo-base: #0F1B3B; --fondo-grid: #9CFF6E;
    --luna-fondo: #F6F0A2; --luna-titulo: #8100FA; --luna-texto: #000000; --luna-acento: #E9409B;
    --diaria-fondo: #43ECF1; --diaria-titulo: #FF780C; --diaria-texto: #000000;
    --modal-fondo: #B8FC8D; --modal-titulo: #003052; --modal-titulo-secundario: #E9409B; --modal-texto: #003052; --modal-acento: #E9409B;
    --insignia: #FF7ADE;
    --exterior-titulo: #FF7ADE; --exterior-texto: #FEFEFE;
    --vela: #FCA400; --vela-apagada: #E1FF69; --vela-letra: #FF7ADE;
  }
  [data-theme="alquimia"] {
    --fondo-base: #000000; --fondo-grid: #000000;
    --luna-fondo: #B9D7CF; --luna-titulo: #D33800; --luna-texto: #000000; --luna-acento: #E64500;
    --diaria-fondo: #D0A330; --diaria-titulo: #D33800; --diaria-texto: #FEFEFE;
    --modal-fondo: #786225; --modal-titulo: #E1FF69; --modal-titulo-secundario: #FF7ADE; --modal-texto: #FEFEFE; --modal-acento: #FF7ADE;
    --insignia: #7CCCC0;
    --exterior-titulo: #D33800; --exterior-texto: #FEFEFE;
    --vela: #FF9959; --vela-apagada: #F6DB94; --vela-letra: #BAC400;
  }

  /* Litha: rejilla hexagonal en vez de cuadrada — 3 juegos de líneas
     a 0°, 60° y -60° forman una malla triangular, que en conjunto
     se lee como celdas hexagonales. */
  [data-theme="litha"] #fondo-animado {
    background-image:
      repeating-linear-gradient(0deg, var(--fondo-grid) 0px, var(--fondo-grid) 1px, transparent 1px, transparent 32px),
      repeating-linear-gradient(60deg, var(--fondo-grid) 0px, var(--fondo-grid) 1px, transparent 1px, transparent 32px),
      repeating-linear-gradient(-60deg, var(--fondo-grid) 0px, var(--fondo-grid) 1px, transparent 1px, transparent 32px);
    background-size: auto;
  }