:root {
  --bg: #FAF8F4;
  --bg-tint: #F1EDE4;
  --surface: #FAF8F4;
  --text: #2A2A26;
  --text-secondary: #3A3A35;
  --text-muted: #8A8A80;
  --text-faint: #6B6B63;
  --divider: #E4E1D9;
  --border: #D8D4C9;
  --accent: #35636B;
  --accent-contrast: #FAF8F4;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1C1A16;
    --bg-tint: #242019;
    --surface: #1C1A16;
    --text: #ECE8DE;
    --text-secondary: #C9C4B5;
    --text-muted: #948E7E;
    --text-faint: #A9A392;
    --divider: #332F26;
    --border: #423D30;
    --accent: #6FA8B3;
    --accent-contrast: #14201F;
  }
}
:root[data-theme="dark"] {
  --bg: #1C1A16;
  --bg-tint: #242019;
  --surface: #1C1A16;
  --text: #ECE8DE;
  --text-secondary: #C9C4B5;
  --text-muted: #948E7E;
  --text-faint: #A9A392;
  --divider: #332F26;
  --border: #423D30;
  --accent: #6FA8B3;
  --accent-contrast: #14201F;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .ee-icon-invert { filter: invert(1); }
}
:root[data-theme="dark"] .ee-icon-invert { filter: invert(1); }

body { margin: 0; background: var(--bg); color: var(--text); }
a { color: inherit; text-decoration: none; }
h1, h2, .headline { text-wrap: balance; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.ee-btn-primary:hover { opacity: 0.88; }
.ee-btn-secondary:hover { border-color: var(--accent); }
.ee-nav-link:hover { color: var(--accent); }
section[id] { scroll-margin-top: 76px; }

.ee-container { max-width: 760px; margin: 0 auto; }


.ee-logo-frame { width: min(300px, calc(100vw - 48px)); aspect-ratio: 2172 / 300; overflow: hidden; }
/* Crop the source images' 119px left padding so the lettering aligns with the content. */
.ee-logo { display: block; width: 100%; height: auto; transform: translate(-5.48%, -29%); }
.ee-logo-dark { display: none; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .ee-logo-light { display: none; }
  :root:not([data-theme="light"]) .ee-logo-dark { display: block; }
}
:root[data-theme="dark"] .ee-logo-light { display: none; }
:root[data-theme="dark"] .ee-logo-dark { display: block; }