/**
 * @file    smart/assets/branding.css
 *
 * @author  Ryan Saweczko <ryansaweczko@distributive.network>
 *
 * @date    Oct 2025
 */

/* Override the colours declared properly */
:root {
  /* ---------------------------------- Customizable Brand Variables ---------------------------------- */
  --primary-hue-main: #674490;
  --primary-hue-light: #674490cc;
  --primary-hue-lighter: #67449080;
  --primary-hue-lightest: #67449033;

  /* The filter equivalents can be generated using a tool like CSS Filter Generator: https://codepen.io/sosuke/pen/Pjoqqp */
  --primary-hue-main-filter: invert(19%) sepia(98%) saturate(2095%)
    hue-rotate(194deg) brightness(95%) contrast(91%); /* primary-hue-main */

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

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

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

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

/* 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);
}