/* =============================================================================
   flux-mode.css — Night Shift warm-tan mode for Less Likely
   Applied when body has .quarto-flux — a LIGHT theme with the blue removed:
   warm tan paper, sepia inks, amber links. Like reading by lamplight.
   ========================================================================== */

/* Transition for smooth mode switches */
body {
  transition: background-color 0.6s ease, color 0.4s ease;
}

/* Prevent flash before JS applies flux on load */
html.quarto-flux-early,
html.quarto-flux-early body {
  background-color: #f3e7d3 !important;
}

/* ── Flux mode: warm tan, low-blue-light ────────────────────────────────── */
body.quarto-flux {
  --bs-body-bg: #f3e7d3;
  --bs-body-color: #3d2f1e;
  --bs-border-color: #ddcbab;
  background-color: #f3e7d3 !important;
  color: #3d2f1e !important;
}

/* Navbar — stays dark but warmed */
body.quarto-flux .navbar {
  background-color: #2a2014 !important;
  border-bottom: 1px solid #45351f;
}
body.quarto-flux .navbar .navbar-brand,
body.quarto-flux .navbar .nav-link,
body.quarto-flux .navbar .navbar-title {
  color: #e8d5b0 !important;
}
body.quarto-flux .navbar .nav-link:hover {
  color: #ffedc9 !important;
}

/* Links — warm sienna instead of blue */
body.quarto-flux a {
  color: #a05e2a;
}
body.quarto-flux a:hover {
  color: #7c451c;
}
body.quarto-flux a:visited {
  color: #8a6248;
}

/* Sidebar */
body.quarto-flux .sidebar,
body.quarto-flux .sidebar-navigation,
body.quarto-flux #quarto-sidebar {
  background-color: #ede0c8 !important;
  border-color: #ddcbab !important;
}
body.quarto-flux .sidebar-item-text,
body.quarto-flux .sidebar .nav-link {
  color: #5a4830 !important;
}
body.quarto-flux .sidebar .nav-link:hover,
body.quarto-flux .sidebar-item-text:hover {
  color: #3d2f1e !important;
  background-color: rgba(160, 94, 42, 0.1) !important;
}

/* Content area */
body.quarto-flux #quarto-content {
  background-color: #f3e7d3;
}

/* Headings */
body.quarto-flux h1, body.quarto-flux h2,
body.quarto-flux h3, body.quarto-flux h4 {
  color: #2e2213;
}
body.quarto-flux h2::before {
  color: #9a865f;
}

/* Code blocks */
body.quarto-flux pre.sourceCode,
body.quarto-flux pre {
  background-color: #ede0c8 !important;
  border-color: #ddcbab !important;
}
body.quarto-flux code {
  background-color: rgba(160, 94, 42, 0.09);
  color: #4a3823;
}
body.quarto-flux pre code {
  background-color: transparent;
}

/* Blockquotes */
body.quarto-flux blockquote {
  border-left-color: #c49a5c;
  background-color: rgba(196, 154, 92, 0.08);
  color: #5a4830;
}

/* Tables */
body.quarto-flux table th {
  border-bottom-color: #b89868;
  color: #3d2f1e;
}
body.quarto-flux table td {
  border-bottom-color: #ddcbab;
  color: #4a3823;
}
body.quarto-flux table thead,
body.quarto-flux table tbody tr:nth-child(even) {
  background-color: #ede0c8;
}
body.quarto-flux table tbody tr:hover td {
  background-color: rgba(160, 94, 42, 0.07);
}

/* Cards / callouts */
body.quarto-flux .callout {
  border-color: #ddcbab;
  background-color: #ede0c8;
}

/* Footer */
body.quarto-flux .page-footer {
  background-color: #ede0c8;
  border-top-color: #ddcbab;
  color: #7a6849;
}
body.quarto-flux .page-footer a {
  color: #a05e2a;
}

/* Selection */
body.quarto-flux ::selection {
  background: rgba(196, 154, 92, 0.35);
  color: inherit;
}

/* Dropdown menus */
body.quarto-flux .dropdown-menu {
  background-color: #f0e3cc !important;
  border-color: #ddcbab !important;
}
body.quarto-flux .dropdown-item {
  color: #4a3823 !important;
}
body.quarto-flux .dropdown-item:hover {
  background-color: rgba(160, 94, 42, 0.12) !important;
  color: #2e2213 !important;
}

/* Search */
body.quarto-flux .aa-Panel {
  background-color: #f0e3cc;
}
body.quarto-flux .aa-Input {
  background-color: #f3e7d3;
  border-color: #ddcbab;
  color: #3d2f1e;
}
body.quarto-flux .aa-Item:hover {
  background-color: rgba(160, 94, 42, 0.08);
}

/* ── Homepage overrides (.ll-home) ──────────────────────────────────────── */
body.quarto-flux .ll-home {
  --ink:        #3d2f1e;
  --ink-soft:   #5f4d33;
  --ink-faint:  #94805c;
  --paper:      #f3e7d3;
  --paper-2:    #ede0c8;
  --rule:       #ddcbab;
  --accent:     #b0742e;
  --accent-ink: #8a5a20;
  --warm:       #c06a3e;
  --link:       #a05e2a;
}

/* Images — warm tint, like screen temperature shift */
body.quarto-flux img:not(.navbar-logo) {
  filter: sepia(0.22) saturate(0.92) brightness(0.98);
}

/* Scrollbar (webkit) */
body.quarto-flux::-webkit-scrollbar-track {
  background: #ede0c8;
}
body.quarto-flux::-webkit-scrollbar-thumb {
  background: #c8b48c;
}

/* TOC / right margin sidebar */
body.quarto-flux #quarto-margin-sidebar,
body.quarto-flux .margin-sidebar {
  background-color: #ede0c8 !important;
  border-color: #ddcbab !important;
}
body.quarto-flux #quarto-margin-sidebar .sidebar-title,
body.quarto-flux #quarto-margin-sidebar h2 {
  color: #3d2f1e !important;
  border-bottom-color: #b0742e !important;
}
body.quarto-flux #quarto-margin-sidebar nav a,
body.quarto-flux #quarto-margin-sidebar a,
body.quarto-flux #TOC a,
body.quarto-flux .sidebar-navigation a {
  color: #7a6849 !important;
}
body.quarto-flux #quarto-margin-sidebar nav a:hover,
body.quarto-flux #quarto-margin-sidebar a:hover,
body.quarto-flux #TOC a:hover,
body.quarto-flux #TOC a.active {
  color: #8a5a20 !important;
  background: rgba(160, 94, 42, 0.1) !important;
}

/* Bootstrap overrides for flux */
body.quarto-flux .btn-primary {
  background-color: #a05e2a;
  border-color: #a05e2a;
}
body.quarto-flux .btn-primary:hover {
  background-color: #8a4e20;
  border-color: #8a4e20;
}

/* Popover / tooltip */
body.quarto-flux .popover {
  background-color: #f0e3cc;
  border-color: #ddcbab;
  color: #4a3823;
}
body.quarto-flux .tooltip-inner {
  background-color: #4a3823;
  color: #f3e7d3;
}

/* Cookie consent bar */
body.quarto-flux .cookie-consent-footer {
  background-color: #ede0c8 !important;
  border-top-color: #ddcbab !important;
  color: #5f4d33 !important;
}