/* Sunscreen — Ember palette
 * Dark-first, warm monochrome with a single amber accent.
 * Tuned for long reading sessions: deep neutrals, AA contrast,
 * no neon, no gradients. Light variant mirrors the same hue family.
 */

:root,
.sunscreen-dark,
.navy,
.coal,
.ayu {
  /* Surfaces */
  --bg: #0F1014;
  --bg-elevated: #15171C;
  --bg-sunken: #0A0B0E;
  --bg-code: #14161B;
  --bg-inline-code: #1A1D24;

  /* Text */
  --fg: #D7D4CC;
  --fg-strong: #F5F2EC;
  --fg-muted: #8E8B83;
  --fg-faint: #5A5852;

  /* Brand — warm amber, dialed down from neon orange */
  --brand: #E8A057;
  --brand-soft: #F2C28B;
  --brand-strong: #C9802F;
  --brand-tint: rgba(232, 160, 87, 0.10);

  /* Accent — cool blue, used sparingly (info, links in prose footer) */
  --accent: #7FA8D6;
  --accent-soft: #A6C2E0;

  /* Borders / dividers */
  --border: #22252D;
  --border-strong: #2E323C;

  /* Status */
  --success: #7FB88F;
  --warning: #D9B26A;
  --danger: #D87A7A;
  --info: #7FA8D6;

  /* Elevation */
  --shadow-1: 0 1px 0 rgba(0,0,0,0.4);
  --shadow-2: 0 12px 32px rgba(0,0,0,0.5);

  /* mdBook bridge */
  --sidebar-bg: var(--bg-sunken);
  --sidebar-fg: var(--fg);
  --sidebar-non-existant: var(--fg-faint);
  --sidebar-active: var(--brand);
  --sidebar-spacer: var(--border);
  --scrollbar: var(--border-strong);
  --icons: var(--fg-muted);
  --icons-hover: var(--brand);
  --links: var(--brand);
  --inline-code-color: var(--brand-soft);
  --theme-popup-bg: var(--bg-elevated);
  --theme-popup-border: var(--border);
  --theme-hover: var(--border);
  --quote-bg: var(--bg-elevated);
  --quote-border: var(--brand);
  --warning-border: var(--warning);
  --table-border-color: var(--border);
  --table-header-bg: var(--bg-elevated);
  --table-alternate-bg: var(--bg-elevated);
  --searchbar-border-color: var(--border);
  --searchbar-bg: var(--bg-elevated);
  --searchbar-fg: var(--fg);
  --searchbar-shadow-color: transparent;
  --searchresults-header-fg: var(--fg-muted);
  --searchresults-border-color: var(--border);
  --searchresults-li-bg: var(--bg-elevated);
  --search-mark-bg: var(--brand-soft);
}

/* Light fallback — warm paper, same hue family. */
.light,
.rust {
  --bg: #FAF7F1;
  --bg-elevated: #F1EDE4;
  --bg-sunken: #EDE8DD;
  --bg-code: #F4F0E6;
  --bg-inline-code: #ECE6D8;

  --fg: #1F1E1A;
  --fg-strong: #0B0A08;
  --fg-muted: #6A6760;
  --fg-faint: #A6A29A;

  --brand: #B2691E;
  --brand-soft: #D08A3A;
  --brand-strong: #8A4F12;
  --brand-tint: rgba(178, 105, 30, 0.08);

  --accent: #355F94;
  --accent-soft: #5982B5;

  --border: #E2DCCD;
  --border-strong: #C8C0AD;

  --success: #4F8C66;
  --warning: #B3892E;
  --danger: #B14C4C;
  --info: #355F94;

  --shadow-1: 0 1px 0 rgba(20,15,5,0.06);
  --shadow-2: 0 12px 32px rgba(20,15,5,0.10);

  --sidebar-bg: var(--bg-sunken);
  --sidebar-fg: var(--fg);
  --sidebar-active: var(--brand);
  --links: var(--brand);
  --inline-code-color: var(--brand-strong);
  --theme-popup-bg: var(--bg-elevated);
  --quote-bg: var(--bg-elevated);
  --quote-border: var(--brand);
  --table-border-color: var(--border);
  --table-header-bg: var(--bg-elevated);
  --searchbar-bg: #FFFFFF;
  --searchresults-li-bg: var(--bg-elevated);
}