/* Site footer — the single definition.
 *
 * These rules were in Homepage.css against its LOCAL palette (--night2,
 * --ivory, --muted, --gold, --b1, --gold2), so on any page that does not
 * import Homepage.css the footer would have rendered with no colours at all.
 * Rewritten against the global tokens, the same as SiteNav.css.
 *
 * Class names are unchanged so the homepage looks exactly as it did.
 */

.hp-footer {
  background: var(--footer-bg);
  border-top: 1px solid var(--footer-border);
  padding: 52px 24px 36px;
  margin-top: auto;
}

.footer-inner { max-width: 1100px; margin: 0 auto; }

.footer-top {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 44px;
  margin-bottom: 44px;
}
@media (max-width: 900px) { .footer-top { grid-template-columns: 1fr 1fr; gap: 28px; } }
@media (max-width: 540px) { .footer-top { grid-template-columns: 1fr; } }

.footer-logo {
  font-family: "Cormorant Garamond", serif;
  font-size: 21px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 10px;
}
.footer-logo em { font-style: italic; color: var(--accent-gold); }

.footer-desc {
  font-size: 13px;
  font-weight: 300;
  color: var(--text-muted);
  line-height: 1.65;
  max-width: 240px;
  margin-bottom: 16px;
}

.footer-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--text-muted);
  border: 1px solid var(--footer-border);
  border-radius: 100px;
  padding: 4px 10px;
}

.fc-title {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: 14px;
}

.fc-links { display: flex; flex-direction: column; gap: 9px; }
.fc-links a {
  font-size: 13px;
  font-weight: 300;
  color: var(--text-secondary);
  text-decoration: none;
  transition: color .2s;
}
.fc-links a:hover { color: var(--text-primary); }

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 22px;
  border-top: 1px solid var(--footer-border);
  font-size: 12px;
  color: var(--text-muted);
}
.footer-bottom a { color: var(--text-muted); text-decoration: none; }
.footer-bottom a:hover { color: var(--accent-gold); }

/* The footer sits on a slightly lifted surface rather than the page ground, so
   it reads as a distinct band under the content in both themes. */
:root,
:root[data-theme="dark"] {
  --footer-bg: #0f0d09;
  --footer-border: rgba(201, 146, 30, 0.12);
}
:root[data-theme="light"] {
  --footer-bg: #f3ede0;
  --footer-border: rgba(138, 101, 16, 0.18);
}


/* Founder block. Hidden until constants/founder.ts names someone — see the
   note in SiteFooter.tsx. */
.footer-founder {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
  max-width: 320px;
}
.footer-founder img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex: none; }
.footer-founder-name { font-size: 13px; font-weight: 700; color: var(--text-primary); }
.footer-founder-bio { font-size: 12.5px; line-height: 1.55; color: var(--text-muted); margin: 4px 0 6px; font-style: italic; }
.footer-founder a { font-size: 12.5px; color: var(--accent); text-decoration: underline; }

.footer-onboarding-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;min-height:44px;font-size:13px;color:var(--text-secondary);text-decoration:none}.footer-onboarding-link svg{flex-shrink:0;color:var(--accent-gold)}.footer-onboarding-link:hover{color:var(--text-primary)}.footer-onboarding-link:focus-visible{outline:2px solid var(--accent-gold);outline-offset:4px;border-radius:3px}

/* Palette values from the app's theme.css, scoped to its shared footer. */
.hp-footer{--text-primary:#1f1a14;--text-secondary:#4a4038;--text-muted:#5f5443;--accent-gold:#8a6410;--accent:#9a6a2f;--border:#e3d8c6;color:var(--text-primary);font-family:Inter,Arial,sans-serif}
[data-theme="dark"] .hp-footer{--text-primary:#f5f0e8;--text-secondary:#b8a99a;--text-muted:#a89677;--accent-gold:#c89132;--accent:#d4a574;--border:#3d3530}
.actual-brand{display:inline-flex;align-items:center;gap:8px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:28px;letter-spacing:-.6px}
.actual-brand .brand-wordmark{color:var(--ink)}
.actual-brand img{width:36px;height:36px;flex:none;object-fit:contain}
.footer-top>div,.footer-top>nav{min-width:0}
.footer-logo{display:flex;align-items:center;gap:0}
.footer-logo img{flex:none}
.footer-desc{margin-top:0}
@media(max-width:700px){.actual-brand{font-size:24px;gap:6px}.actual-brand img{width:32px;height:32px}}
@media(max-width:440px){.actual-brand{font-size:21px;gap:5px}.actual-brand img{width:28px;height:28px}.site-header{gap:7px}.site-header nav{gap:2px}.site-header #theme-toggle{width:28px}.site-header .button-small{font-size:9px;gap:6px;padding-inline:8px}}