/* ===== Site-wide Logo Palette Theme ===== */
:root{
  --bg:#f6e7bc;        /* cream from logo background */
  --text:#06343c;      /* deep teal text */
  --muted:#4f6d72;     /* muted teal/grey */
  --card:#ffffff;      /* white cards on light bg */
  --accent:#ef7a00;    /* orange from logo */
  --link:#0f6c7b;      /* teal from logo pen */
}

html,body{ background:var(--bg); color:var(--text); }
a{ color:var(--link); }

.site-header{ background:rgba(246,231,188,.9); border-bottom:1px solid rgba(0,0,0,.06); }
.site-header.light .brand-name{ color:var(--text); }
.brand{ display:flex; align-items:center; gap:10px; }
.brand-logo{ width:36px; height:36px; object-fit:contain; display:inline-block; }
.top-nav a{ color:var(--text); opacity:.9; }
.top-nav a:hover{ opacity:1; text-decoration:underline; }

.burger{ background:#fff4; border:1px solid rgba(0,0,0,.08); }
.burger span{ background:var(--text); }

.card{ background:var(--card); border-color:rgba(0,0,0,.06); box-shadow:0 6px 18px rgba(0,0,0,.05); }
.btn{ background:var(--link); border:1px solid rgba(0,0,0,.06); color:#fff; }
.btn.ghost{ background:transparent; color:var(--link); border-color:var(--link); }

.bottom-nav{ background:#fff; border-top:1px solid rgba(0,0,0,.08); }
.bottom-nav svg{ fill:var(--link); }
.bottom-nav a{ color:var(--text); }

.site-footer{ color:var(--muted); }

/* Hero-only variant on light theme */
.va-hero-only{ border-color:rgba(0,0,0,.06); }
.frame{ border-color:var(--accent); }