/* InkStream custom theme overrides — tuned toward the old app's look */
:root {
  /* Colors pulled directly from the InkStream logo */
  --primary-color: #3060ad;
  --primary-color-dark-shade: #285193;
  --primary-color-darker-shade: #214379;
  --primary-color-darkest-shade: #1a345f;

  /* Secondary accent: the logo's magenta/purple, used for hover/active highlights */
  --secondary-accent-color: #b64499;

  /* Nav bar + side nav */
  --navbar-bg-color: #14181f;
  --navbar-text-color: #e8eaed;
  --navbar-fa-icon-color: #e8eaed;
  --side-nav-bg-color: #14181f;
  --side-nav-text-color: rgba(232, 234, 237, 0.85);
  --side-nav-header-text-color: #ffffff;
  --side-nav-hover-bg-color: rgba(182, 68, 153, 0.15);
  --side-nav-hover-text-color: #ffffff;
  --side-nav-item-active-color: var(--secondary-accent-color);
  --side-nav-item-active-text-color: #ffffff;

  /* Library grid cards - slightly larger, more square covers */
  --card-image-height: 16rem;
  --card-image-width: 11rem;
  --card-border-radius: .5rem;
  --card-bg-color: #1c2028;

  /* Overall page background, closer to the old app's near-black */
  --bs-body-bg: #16191f;

  /* A few extra spots that don't derive from --primary-color */
  --review-card-star-color: var(--secondary-accent-color);
  --rating-star-color: var(--secondary-accent-color);
  --ratingstar-star-filled: var(--secondary-accent-color);
  --login-card-border-color: var(--secondary-accent-color);

  /* Bootstrap's default "success" green shows up on badges/indicators
     independent of --primary-color - neutralize it to the brand palette */
  --bs-success: var(--secondary-accent-color);
  --bs-success-rgb: 182, 68, 153;
  --bs-success-text-emphasis: var(--secondary-accent-color);
  --bs-success-bg-subtle: rgba(182, 68, 153, .15);
  --bs-success-border-subtle: rgba(182, 68, 153, .35);
}