/* A daylight interpretation of Hades I: ivory stone, blood red, and laurels. */
html[data-style="hades"][data-theme="light"] {
  color-scheme: light;
  --night: #f6efdf;
  --panel: #fff8e9;
  --ink: #332b27;
  --muted: #706054;
  --mint: #a33328;
  --gold: #805b22;
  --coral: #a33328;
  --line: #cfbea0;
}
html[data-style="hades"][data-theme="light"] body {
  background:
    radial-gradient(ellipse at 90% 10%, #eab57838, transparent 40%),
    radial-gradient(ellipse at 0% 50%, #d18a6620, transparent 40%), var(--night);
}
html[data-style="hades"][data-theme="light"] .site-header {
  background: #f6efdfef;
}
html[data-style="hades"][data-theme="light"] .hero::before {
  background: radial-gradient(ellipse at 80% 45%, #d9844933, transparent 47%);
}
html[data-style="hades"][data-theme="light"] h1 span {
  text-shadow: 0 0 60px #bf522015;
}
html[data-style="hades"][data-theme="light"] .small-moon {
  width: 10px;
  height: 10px;
  background: var(--mint);
  box-shadow: none;
  border-radius: 0;
  transform: rotate(45deg);
}
html[data-style="hades"][data-theme="light"] .portrait-frame::before {
  box-shadow:
    0 0 65px #e49b5b55,
    0 0 120px #cc5b3020,
    0 0 0 15px #b94d2708;
}
html[data-style="hades"][data-theme="light"] .portrait-frame::after {
  background: conic-gradient(
    from 0deg,
    transparent 15%,
    #a3332822 35%,
    #d3472b 47%,
    transparent 49%,
    transparent 65%,
    #b47b2433 80%,
    #d8a446 97%,
    transparent 99%
  );
}
html[data-style="hades"][data-theme="light"] .portrait-sigil {
  opacity: 0.35;
  filter: none;
}
html[data-style="hades"][data-theme="light"] .portrait-sigil path {
  opacity: 0.4;
}
html[data-style="hades"][data-theme="light"] .portrait-moon,
html[data-style="hades"][data-theme="light"] .hades-two {
  display: none;
}
html[data-style="hades"][data-theme="light"] .hades-one {
  display: block;
}
.portrait-laurel {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
html[data-style="hades"][data-theme="light"] .portrait-photo {
  filter: saturate(0.85);
}
html[data-style="hades"][data-theme="light"] .chibi {
  filter: drop-shadow(0 7px 7px #a3332818);
}
html[data-style="hades"][data-theme="light"] .chibi-spark {
  order: 1;
  box-shadow: 0 0 16px #d77f3b55;
}
html[data-style="hades"][data-theme="light"]
  .chibi-button[data-character="cerberus"] {
  order: 2;
}
html[data-style="hades"][data-theme="light"] .experience-item {
  background: linear-gradient(125deg, #fffaf0, #f2e5cc);
  border-top: 2px solid var(--gold);
}
html[data-style="hades"][data-theme="light"] .role-entry,
html[data-style="hades"][data-theme="light"] .role-work {
  border-left-color: var(--line);
}
html[data-style="hades"][data-theme="light"] .role-entry:last-child {
  border-left-color: transparent;
}
html[data-style="hades"][data-theme="light"] .role-description,
html[data-style="hades"][data-theme="light"] .experience-details {
  color: var(--muted);
}
html[data-style="hades"][data-theme="light"] .experience-details li::marker {
  color: var(--mint);
}
html[data-style="hades"][data-theme="light"] .current-label {
  border-color: #bc9680;
}
html[data-style="hades"][data-theme="light"] .site-footer {
  background: #efe3cb;
}
html[data-style="hades"][data-theme="light"] .button {
  background: #fff8e9;
  border-color: var(--gold);
}
html[data-style="hades"][data-theme="light"] .button:hover {
  background: #ead7b7;
  color: var(--mint);
  border-color: var(--mint);
}
html[data-style="hades"][data-theme="light"] .night-sky i {
  background: #b34b29;
  box-shadow: 0 0 8px #cc7b3b55;
}
html[data-style="hades"][data-theme="light"] .moon-phases i {
  border-radius: 0;
  width: 8px;
  height: 8px;
  background: var(--gold);
  box-shadow: none;
  transform: rotate(45deg);
}
html[data-style="hades"][data-theme="light"] .moon-phases i:nth-child(2) {
  background: var(--mint);
  width: 11px;
  height: 11px;
}