/* Homepage-only visual skin, inspired by Lieflat Charts' Mono palette.
   https://github.com/larashero3-dotcom/lieflat-charts
   Keep layout, typography, spacing, content and responsive rules in the
   existing theme. This file changes only colors and surface treatments. */
:root {
  --editorial-paper: #f0efeb;
  --editorial-paper-deep: #e7e6df;
  --editorial-ink: #1c1c1a;
  --editorial-muted: #6a6963;
  --editorial-line: #deddd6;
  --editorial-card: #faf9f6;
  --editorial-red: #1c1c1a;
  --editorial-red-deep: #4a4944;
  --editorial-teal: #6a6963;
  --editorial-gold: #8f8e88;
  --editorial-link: #4a4944;
  --editorial-link-hover: #1c1c1a;
  --editorial-highlight: #1c1c1a;
  --paper-edge: #c6c5bf;
  --paper-hover: #e7e6df;
}

html,
body,
body.accent-border-top {
  background: var(--editorial-paper) !important;
}

body.accent-border-top::before {
  background: var(--editorial-line);
}

::selection {
  color: var(--editorial-paper);
  background: var(--editorial-ink);
}

.masthead {
  background: var(--editorial-paper);
  border-color: var(--editorial-line);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* Retain the navigation's fixed geometry and static hover behavior. */
.greedy-nav .visible-links > li > a,
.greedy-nav .visible-links > li > a:visited,
.greedy-nav .visible-links > li > a:focus,
.greedy-nav .visible-links > li > a:active {
  --nav-text-paint: var(--editorial-muted);
  background: transparent !important;
  border-color: var(--paper-edge) !important;
  border-radius: 6px;
}

.greedy-nav .visible-links > li > a:hover,
.greedy-nav .visible-links > li > a:focus-visible {
  --nav-text-paint: var(--editorial-ink);
  background: var(--paper-hover) !important;
  border-color: var(--paper-edge) !important;
}

.home-hero,
.project-card {
  background: var(--editorial-card);
  border-radius: 18px;
  box-shadow: inset 0 0 0 1px var(--editorial-line);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.home-hero__intro {
  color: #4a4944;
}

.home-hero__intro a:hover {
  color: var(--editorial-muted) !important;
}

.primary-gradient-text {
  box-shadow: none;
}

.author__avatar,
.author__avatar img,
.sidebar .author__avatar img {
  border-radius: 18px;
  box-shadow: none;
}

.author__avatar::after {
  box-shadow: inset 0 0 0 1px var(--editorial-line);
}

.author__urls a,
.author__urls a:visited {
  color: var(--editorial-link);
  background: transparent;
  border-color: var(--paper-edge);
  border-radius: 6px;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.author__urls a:hover {
  color: var(--editorial-ink) !important;
  background: var(--paper-hover);
  border-color: var(--paper-edge);
  box-shadow: none;
}

.project-card:hover {
  background: var(--paper-hover);
  box-shadow: inset 0 0 0 1px var(--paper-edge);
}

.project-card__identity-divider,
.project-card__action-divider,
.project-card__org-separator {
  color: var(--paper-edge);
}

.publication-list .paper-box,
.publication-list .floating-card,
.publication-list .paper-box.floating-card {
  background: var(--editorial-card) !important;
  border-radius: 18px;
  box-shadow: inset 0 0 0 1px var(--editorial-line);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.publication-list .paper-box:hover,
.publication-list .floating-card:hover {
  background: var(--paper-hover) !important;
  box-shadow: inset 0 0 0 1px var(--paper-edge),
    0 6px 18px rgba(28, 28, 26, 0.055);
}

.publication-list .paper-box-image img,
.publication-list .paper-box:hover .paper-box-image img {
  border-color: var(--paper-edge);
  border-radius: 10px;
  box-shadow: none;
}

.publication-list .paper-box-text .venue {
  color: var(--editorial-muted) !important;
  background: var(--editorial-paper-deep);
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px var(--editorial-line);
}

.publication-list .paper-box-text .btn-accent,
.publication-list .paper-box-text .btn-accent:visited {
  color: var(--editorial-link) !important;
  background: transparent;
  border-color: var(--paper-edge);
  border-radius: 6px;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.publication-list .paper-box-text .btn-accent:hover {
  color: var(--editorial-paper) !important;
  background: var(--editorial-ink);
  border-color: var(--editorial-ink);
  box-shadow: none;
}

.page__footer {
  background: var(--editorial-paper-deep);
  border-color: var(--editorial-line);
  box-shadow: inset 0 1px 0 var(--editorial-line);
}

.greedy-nav a:focus-visible,
.author__urls a:focus-visible,
.page__content a:focus-visible {
  outline: 2px solid var(--editorial-ink);
  outline-offset: 3px;
}