/* =========================
   themes.CSS
   Componentes diferentes
   ========================= */


/* INDEX */
body.theme-index{
  --bg:#000000;
  --bg2:#050505;
  --acc:#C9A84C;
  --acc2:#E8D08A;
  --txt:#F5F0E8;
  --dim:#8B6914;
  --glow:rgba(201,168,76,0.35);

  --nav-bg:rgba(0,0,0,.92);
  --nav-border:rgba(201,168,76,.14);
  --nav-link:rgba(232,248,255,.82);

  --console-bg:rgba(5,5,5,.92);
  --console-border:rgba(201,168,76,.3);
  --btn-bg:rgba(255,255,255,.03);
  --btn-border:rgba(201,168,76,.2);
  --btn-hover-bg:rgba(201,168,76,.08);
  --btn-active-text:#000;
  --separator:rgba(201,168,76,.15);
}

body.theme-noesis{
  --bg:#000d14;
  --bg2:#001824;
  --acc:#00B4D8;
  --acc2:#90E0EF;
  --txt:#E8F8FF;
  --dim:#005F73;
  --glow:rgba(0,180,216,0.35);

  --nav-bg:rgba(0,6,12,.94);
  --nav-border:rgba(0,180,216,.14);
  --nav-link:rgba(232,248,255,.82);

  --console-bg:rgba(0,8,20,.92);
  --console-border:rgba(0,180,216,.3);
  --btn-bg:rgba(0,180,216,.05);
  --btn-border:rgba(0,180,216,.2);
  --btn-hover-bg:rgba(0,180,216,.12);
  --btn-active-text:#000814;
  --separator:rgba(0,180,216,.2);
}

body.theme-noema{
  --bg:#120a00;
  --bg2:#1e1200;
  --acc:#D4920A;
  --acc2:#FFF8E7;
  --txt:#F7E7C6;
  --dim:#8B4A08;
  --glow:rgba(212,146,10,.35);

  --nav-bg:rgba(10,6,2,.94);
  --nav-border:rgba(212,146,10,.16);
  --nav-link:rgba(255,248,231,.82);

  --console-bg:rgba(20,12,4,.92);
  --console-border:rgba(212,146,10,.28);
  --btn-bg:rgba(212,146,10,.06);
  --btn-border:rgba(212,146,10,.2);
  --btn-hover-bg:rgba(212,146,10,.12);
  --btn-active-text:#140a00;
  --separator:rgba(212,146,10,.2);
}

body.theme-metanoia{
  --bg:#140006;
  --bg2:#22000d;
  --acc:#C0115E;
  --acc2:#FF4D9A;
  --txt:#FFEAF3;
  --dim:#8A1246;
  --glow:rgba(192,17,94,.35);

  --nav-bg:rgba(20,0,6,.94);
  --nav-border:rgba(192,17,94,.16);
  --nav-link:rgba(255,234,243,.82);

  --console-bg:rgba(24,0,8,.92);
  --console-border:rgba(192,17,94,.28);
  --btn-bg:rgba(192,17,94,.06);
  --btn-border:rgba(192,17,94,.2);
  --btn-hover-bg:rgba(192,17,94,.12);
  --btn-active-text:#140006;
  --separator:rgba(192,17,94,.2);
}

body.theme-anamnesis{
  --bg:#0a0a0a;
  --bg2:#141414;
  --acc:#AAAAAA;
  --acc2:#E0E0E0;
  --txt:#F2F2F2;
  --dim:#7A7A7A;
  --glow:rgba(170,170,170,.28);

  --nav-bg:rgba(10,10,10,.94);
  --nav-border:rgba(170,170,170,.14);
  --nav-link:rgba(242,242,242,.82);

  --console-bg:rgba(16,16,16,.92);
  --console-border:rgba(170,170,170,.24);
  --btn-bg:rgba(170,170,170,.05);
  --btn-border:rgba(170,170,170,.18);
  --btn-hover-bg:rgba(170,170,170,.10);
  --btn-active-text:#050505;
  --separator:rgba(170,170,170,.18);
}