/* LKS_THEME_SETTINGS
   Central place for shared visual timing and interaction values.
   Edit this file when changing hover/return speeds, line strength, navigation
   band intensity, gallery effects, image borders/shadows, or page vignette.
   Do not put locked header layout sizing here. Locked header layout remains in style.css. */

:root {
  /* Shared interaction timing for both header and gallery */
  --lks-hover-transition-in: 0s;
  --lks-hover-transition-out: 0.60s;

  /* Header hover */
  --header-link-hover-shadow-size: 4px;
  --header-link-hover-shadow-alpha: 60%;

  /* Shared line glow */
  --lks-line-glow-size: 4px;
  --lks-line-glow-alpha: 60%;
  --lks-line-core-alpha: 60%;
  --lks-content-line-alpha: 30%;

  /* Shared line fade/ending */
  --lks-header-line-fade-size: 100px;
  --lks-content-line-fade-size: 30px;
  --lks-content-vertical-line-fade-size: 18px;
  --lks-nav-underline-fade-start: 18%;
  --lks-nav-underline-fade-end: 82%;

  /* Header navigation band */
  --lks-nav-band-alpha: 28%;
  --lks-nav-band-top-line-alpha: 60%;
  --lks-nav-band-bottom-line-alpha: 44%;
  --lks-nav-band-line-opacity: 0.44;
  --lks-nav-band-separator-alpha: 60%;
  --lks-nav-band-separator-opacity: 0.24;
  --lks-subnav-band-alpha: 5%;
  --lks-subnav-line-alpha: 30%;
  --lks-subnav-line-opacity: 0.20;
  --lks-subnav-separator-alpha: 60%;
  --lks-subnav-separator-opacity: 0.16;

  /* Page / vintage vignette overlay */
  --lks-page-vignette-opacity: 1;
  --lks-page-vignette-center-x: 50%;
  --lks-page-vignette-center-y: 46%;
  --lks-page-vignette-inner-alpha: 0;
  --lks-page-vignette-mid-alpha: 0.016;
  --lks-page-vignette-edge-alpha: 0.115;
  --lks-page-vignette-outer-alpha: 0.120;
  --lks-page-vignette-mid-stop: 58%;
  --lks-page-vignette-edge-stop: 86%;

  /* Gallery layout and hover */
  --lks-gallery-columns: 3;
  --lks-gallery-gap: 14px;
  --lks-gallery-max-width: var(--content-max-width);
  --ink-gallery-hover-scale: 1.018;
  --lks-gallery-muted-filter: sepia(60%) saturate(72%) contrast(92%) brightness(88%);
  --lks-gallery-hover-filter: sepia(0%) saturate(110%) contrast(101%) brightness(88%);
  --lks-gallery-overlay-opacity: 1;
  --lks-gallery-hover-overlay-opacity: 0.56;
  --lks-gallery-vignette-strength: 0.42;
  --lks-gallery-wash-opacity: 0.10;
  --lks-gallery-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
  --lks-gallery-hover-shadow: 0 14px 28px rgba(0, 0, 0, 0.17);

  /* Standard content images */
  --ink-image-border-size: 2px;
  --ink-image-border-color: rgba(0, 0, 0, 0.46);
  --ink-image-shadow: var(--lks-gallery-shadow);
}