/* Generated from Admin → Appearance → Theme. Do not edit by hand. */
:root {
  --brand: #DA462C; --brand-btn: #cd4229; --brand-dark: #b43a24; --brand-light: #e37461;
  --teal: #59A5AD; --teal-deep: #447d83; --teal-light: #a4ced2;
  --bg: #f5f2ed; --bg-2: #ffffff; --bg-3: #ebe6df; --surface: #ffffff;
  --fg: #0f1314; --fg-2: #474f52; --fg-3: #6d7578;
  --ink: #0f1314; --ink-2: #1b1f20; --on-ink: #f5f2ed;
  --line: color-mix(in srgb, #0f1314 10%, transparent); --line-2: color-mix(in srgb, #0f1314 18%, transparent);
  --accent: #c03e27; --accent-soft: color-mix(in srgb, #DA462C 10%, transparent); --teal-soft: color-mix(in srgb, #59A5AD 16%, transparent);
  --r: 20px; --r-sm: 12px;
  --font: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
:root[data-theme="dark"] {
  --bg: #0c1011; --bg-2: #141a1c; --bg-3: #1b2326; --surface: #141a1c;
  --fg: #f2f0ec; --fg-2: #b2bbbd; --fg-3: #8a9496;
  --ink: #050708; --ink-2: #121314; --on-ink: #f2f0ec;
  --line: color-mix(in srgb, #f2f0ec 9%, transparent); --line-2: color-mix(in srgb, #f2f0ec 18%, transparent);
  --accent: #e37461; --accent-soft: color-mix(in srgb, #DA462C 14%, transparent); --teal-soft: color-mix(in srgb, #59A5AD 18%, transparent);
}
body { font-family: var(--font); }
/* Uploaded logo: the "dark backgrounds" version is used in dark mode, in the header while it sits over the dark banner, and in the footer. */
.logo-img.logo-dark { display: none; }
:is(:root[data-theme="dark"], .has-dark-hero .site-header:not(.is-scrolled):not(.menu-open), .site-footer) .logo-img.logo-dark { display: block; }
:is(:root[data-theme="dark"], .has-dark-hero .site-header:not(.is-scrolled):not(.menu-open), .site-footer) .logo-img.logo-light { display: none; }
.preview-bar { position: sticky; top: 0; z-index: 70; padding: 8px 16px; text-align: center; font: 600 13px/1.4 var(--font); background: #ffd84d; color: #1a1a1a; } .preview-bar a { color: inherit; text-decoration: underline; }