/*----------------------------------------
	writings palette
----------------------------------------*/

.writings-home {
  --landing-card-bg: var(--box-bg);
  --landing-card-border: var(--accent);
  --landing-card-border-soft: var(--accent-soft);

  --landing-head-top: var(--soft-bg);
  --landing-head-bottom: var(--blockquote-bg);

  --landing-inner-bg: var(--blockquote-bg);
  --landing-inner-bg-soft: var(--link-bg);
  --landing-inner-border: var(--blockquote-border);

  --landing-text-soft: var(--text-muted);
  --landing-heading: var(--heading-color);
  --landing-heading-accent: var(--heading-accent);

  --landing-link: var(--link-color);
  --landing-link-hover: var(--heading-accent);

  text-align: left;
  letter-spacing: 0.04em;
}

/*----------------------------------------
  	cleanup style.css removals lol
----------------------------------------*/

.writings-home .hub-card-head h2, .writings-home .start-card h2, .writings-home .latest-card h3 {
  text-decoration: none;
}
.writings-home .hub-card-head a, .writings-home .start-card h2 a, .writings-home .latest-card h3 a {
  color: var(--landing-heading);
  text-decoration: none;
}
.writings-home .hub-card-head a:visited, .writings-home .start-card h2 a:visited, .writings-home .latest-card h3 a:visited {
  color: var(--landing-heading);
}
.writings-home .hub-card-head a:hover, .writings-home .start-card h2 a:hover, .writings-home .latest-card h3 a:hover {
  color: var(--landing-heading-accent);
}

/* remove global button styling */
.writings-home .card-links a, .writings-home .card-links a:visited {
  color: var(--landing-link);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  line-height: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-style: solid;
  text-underline-offset: 0.18em;
}
.writings-home .card-links a:hover {
  color: var(--landing-link-hover);
  text-decoration-style: dotted;
}

/* keep main hub link the only styled link */
.writings-home .card-cta {
  color: var(--landing-link);
  border-color: var(--landing-card-border-soft);
  background:
    linear-gradient(
      to bottom,
      var(--landing-inner-bg),
      var(--landing-inner-bg-soft)
    );
}
.writings-home .card-cta:hover {
  color: var(--landing-link-hover);
  border-color: var(--landing-card-border);
}
.writings-home .card-desc {
  color: var(--text-color);
  letter-spacing: 0.045em;
}
.writings-home .card-links span {
  color: var(--landing-heading-accent);
}
/*----------------------------------------
	icon hue color filters
----------------------------------------*/

.writings-home .hub-card-head img {
  filter: var(--hub-icon-filter, none);
  transition: filter 160ms ease, opacity 160ms ease;
}
/* default */

.writings-home .hub-resources {
  --hub-icon-filter: none;
}
.writings-home .hub-interviews {
  --hub-icon-filter: none;
}
.writings-home .hub-oldweb {
  --hub-icon-filter: none;
}
.writings-home .hub-essays {
  --hub-icon-filter: none;
}
.writings-home .hub-feelingb {
  --hub-icon-filter: none;
}
.theme-blue .writings-home .hub-resources, .theme-blue .writings-home .hub-essays {
  --hub-icon-filter:
    hue-rotate(210deg)
    saturate(1.1)
    brightness(0.9)
    contrast(1.3);
}
.theme-blue .writings-home .hub-oldweb {
  --hub-icon-filter:
    hue-rotate(225deg)
    saturate(1.1)
    brightness(0.9)
    contrast(1.3);
}
.theme-blue .writings-home .hub-interviews {
  --hub-icon-filter:
    hue-rotate(200deg)
    saturate(1.3)
    brightness(0.9)
    contrast(1.3);
}
.theme-tan .writings-home .hub-essays, .theme-tan .writings-home .hub-interviews, .theme-tan .writings-home .hub-oldweb {
  --hub-icon-filter:
    sepia(0.7)
    hue-rotate(-15deg)
    saturate(0.9)
    brightness(1.0)
    contrast(1.15);
}
.theme-tan .writings-home .hub-resources {
  --hub-icon-filter:
    sepia(0.7)
    hue-rotate(-35deg)
    saturate(1.9)
    brightness(0.9)
    contrast(1.20);
}