/* ============================================================
   IAPROPIA · las paletas

   Salen todas del retrato de Arisa: el violeta del pelo (#9D4EDD), el
   lila del anillo (#B265CD), el verde jade de la piel (#95CA66) y el
   negro del fondo. El verde de marca (#40D050) es otra cosa: es el del
   logo de Arkaia, y solo entra donde entra la marca.

   Aqui estan las tres que se usan. Las otras cuatro que se probaron
   -Nucleo, Aura, Sigilo y la de la galeria- se quedaron en web/lab.
   ============================================================ */


/* ------------------------------------------------------------
   MAESTRA · la puerta. Los dos lados a la vez: el violeta de ella a
   la izquierda, el verde de la marca -y de el- a la derecha, y el
   centro en blanco para que la llave se lea sin ruido.

   Este es el unico sitio donde entra el verde de marca (#40D050,
   muestreado del emblema). No es el jade de la piel de Arisa: es el
   verde del logo de Arkaia, y solo se usa en el lado de Chester y en
   el propio emblema.
   ------------------------------------------------------------ */
.tema-maestra{
  --fondo:#07070A;
  --superficie:#0D0D12;
  --superficie-2:#13131A;
  --sutil:rgba(255,255,255,.05);
  --borde:rgba(255,255,255,.14);
  --borde-fuerte:rgba(178,101,205,.6);

  --tinta:#FFFFFF;
  --tinta-2:#ADA6B8;
  --tinta-3:#79737F;

  --violeta:#9D4EDD;
  --lila:#B265CD;
  --jade:#95CA66;
  --marca-verde:#40D050;

  --acento:#B265CD;
  --acento-vivo:#C489E4;
  --acento-tinta:#0A0810;
  --acento-texto:#CE9BE4;
  --acento-halo:rgba(178,101,205,.30);
  --acento-suave:rgba(178,101,205,.12);

  --campo-fondo:rgba(255,255,255,.05);
  --campo-fondo-activo:rgba(255,255,255,.09);
  --anillo:#C489E4;

  --error:#FF6B6B;
  --error-texto:#FFA6A6;
  --error-fondo:rgba(255,107,107,.10);
  --error-borde:rgba(255,107,107,.34);
  --error-halo:rgba(255,107,107,.22);

  --sombra-boton:0 8px 26px -10px rgba(178,101,205,.6);
  --sombra-tarjeta:0 30px 80px -30px #000;
  color-scheme:dark;
}


/* ------------------------------------------------------------
   RETRATO · negro casi puro y lila claro; el jade apenas asoma
   La imagen ya trae todo el color, asi que la interfaz se retira.
   ------------------------------------------------------------ */
.tema-acceso{
  --fondo:#08070B;
  --superficie:#0E0D13;
  --superficie-2:#14131C;
  --sutil:rgba(255,255,255,.05);
  --borde:rgba(255,255,255,.13);
  --borde-fuerte:rgba(178,101,205,.6);

  --tinta:#FFFFFF;
  --tinta-2:#B0A6BE;
  --tinta-3:#7C7189;

  --violeta:#9D4EDD;
  --lila:#B265CD;
  --jade:#95CA66;

  --acento:#B265CD;
  --acento-vivo:#C489E4;
  --acento-tinta:#0A0810;
  --acento-texto:#CE9BE4;
  --acento-halo:rgba(178,101,205,.30);
  --acento-suave:rgba(178,101,205,.12);

  --campo-fondo:rgba(255,255,255,.045);
  --campo-fondo-activo:rgba(255,255,255,.085);
  --anillo:#C489E4;

  --error:#FF6B6B;
  --error-texto:#FFA6A6;
  --error-fondo:rgba(255,107,107,.10);
  --error-borde:rgba(255,107,107,.34);
  --error-halo:rgba(255,107,107,.22);

  --sombra-boton:0 8px 26px -10px rgba(178,101,205,.6);
  --sombra-tarjeta:0 30px 80px -30px #000;
  color-scheme:dark;
}


/* ------------------------------------------------------------
   PANEL · lo que hay después del login

   Ya no es una pantalla de acceso: es un sitio donde se trabaja, y eso
   cambia las reglas. Menos negro absoluto -cansa a las dos horas-, más
   superficies para poder separar zonas, y el violeta muy contenido: aquí
   el color lo pone lo que genera la gente, no la interfaz.

   Los colores de las cinco herramientas NO están aquí: viven en
   HERRAMIENTAS (config_app.py) porque son dato, no tema.
   ------------------------------------------------------------ */
.tema-panel{
  --fondo:#0B0A10;
  --superficie:#12111A;
  --superficie-2:#191823;
  --sutil:rgba(255,255,255,.045);
  --borde:rgba(255,255,255,.09);
  --borde-fuerte:rgba(255,255,255,.18);

  --tinta:#F1EDF7;
  --tinta-2:#A79FB6;
  --tinta-3:#736B83;

  --violeta:#9D4EDD;
  --lila:#B265CD;
  --jade:#95CA66;
  --marca-verde:#40D050;

  --acento:#9D4EDD;
  --acento-vivo:#B265CD;
  --acento-tinta:#0B0A10;
  --acento-texto:#C08BEC;
  --acento-halo:rgba(157,78,221,.28);
  --acento-suave:rgba(157,78,221,.12);

  --campo-fondo:rgba(255,255,255,.04);
  --campo-fondo-activo:rgba(255,255,255,.075);
  --anillo:#B265CD;

  --error:#FF6B6B;
  --error-texto:#FFA6A6;
  --error-fondo:rgba(255,107,107,.10);
  --error-borde:rgba(255,107,107,.34);
  --error-halo:rgba(255,107,107,.22);

  --sombra-boton:0 8px 24px -12px rgba(157,78,221,.7);
  --sombra-tarjeta:0 24px 60px -28px #000;
  color-scheme:dark;
}