/**
 * @file    rootedlabs/assets/branding.css
 *
 * @author  Kevin Yu <kevin@distributive.network>
 *
 * @date    Oct. 2022
 */

/* Override the colours declared properly */
:root {
  /* ---------------------------------- Customizable Brand Variables ---------------------------------- */
  --primary-hue-main: #c91764;
  --primary-hue-light: #c91764cc;
  --primary-hue-lighter: #c9176480;
  --primary-hue-lightest: #c9176433;

  /* The filter equivalents can be generated using a tool like CSS Filter Generator: https://codepen.io/sosuke/pen/Pjoqqp */
  --primary-hue-main-filter: invert(17%) sepia(94%) saturate(2877%)
    hue-rotate(319deg) brightness(92%) contrast(98%); /* primary-hue-main */

  --about-modal-header: var(--primary-hue-main);

  --gradient-hue-top: var(--primary-hue-main);
  --gradient-hue-bottom: #c09cfe;
}

/* About Modal Brand Logo */
.about-banner-logo {
  height: 35px;
}

/* Side nav brand logo */
#sidebar .logo {
  width: initial;
  max-width: 90%;
  max-height: 57px;
}

/* Patch Notes Numbers */
ul.pagination {
  color: var(--gradient-hue-bottom); /* page numbers in the patch notes */
}

/* Change the side nav's active left border */
#sidebar li > a.active {
  border-left-color: var(--gradient-hue-bottom);
}