/* ---------- AFU Variables ---------- */
:root {
  --bg-image: url('../images/bg-color.jpg');
  --logo-home: url('../images/afu-logo-home.svg');
  --logo-menu: url('../images/afu-logo-menu.svg');
  --logo-brand: url('../images/a-logo.svg');

  --font-heading: 'Pinyon', cursive;
  --font-body: 'NunitoSans', sans-serif;

  --box-gradient: linear-gradient(
    to right,
    rgba(57, 0, 80, 1),
    rgba(0, 0, 0, 0.65),
    rgba(0, 0, 0, 0.8)
  );

  --menu-color: #390050;
  --menu-bar: rgba(57, 0, 80, 1,.3);

  --btn-gradient: linear-gradient(135deg, rgb(180,40,0), rgb(120,20,0));
  --btn-gradient-hover: linear-gradient(135deg, rgb(145,40,0), rgb(100,20,0));

  --menu-background-color: rgba(255, 255, 255, 0.4); /* semi-transparent */
  --toggle-background-color: rgba(255, 255, 255, 0.4); /* dark background */

  --text-color: #fff;
  --text-muted: rgba(255, 255, 255, 0.9);
  --link-color: rgba(224, 129, 51, 1);
  --link-hover: rgba(200, 100, 30, 1);
  --outline-focus: rgba(200, 100, 30, 0.6);
  --outline-strong: rgba(200, 50, 0, 0.4);

  --shadow: rgba(0,0,0,0.3);
  --shadow-strong: rgba(0,0,0,0.5);
}


/*
  background: none;

    --box-gradient: linear-gradient(
    to right,
    rgba(100, 0, 0, 1),
    rgba(0, 0, 0, 0.65),
    rgba(0, 0, 0, 0.8)
  );

    --box-gradient: linear-gradient(
    to right,
    rgba(100, 0, 0, 1),
    rgba(0, 0, 0, 0.65),
    rgba(0, 0, 0, 0.8)
  );  background: linear-gradient(rgba(77,3,78,0.5) 0%, rgba(0,0,0,0.5)), rgba(77,3,78,0.37);