/* ==========================================================================
   Mara brand layer. Loaded on every Mara page.
   Fonts are self hosted (no Google Fonts calls). Theme comes from
   <html data-mara-theme="light|dark">, written at build time.
   ========================================================================== */

/* Real family names, used by the landing page and new surfaces */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/playfair-display-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/playfair-display-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 900;font-display:swap;src:url(/assets/playfair-display-latin-wght-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 900;font-display:swap;src:url(/assets/playfair-display-latin-ext-wght-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/assets/archivo-latin-wdth-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo';font-style:italic;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/assets/archivo-latin-wdth-italic.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/jetbrains-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/jetbrains-mono-latin-500-normal.woff2) format('woff2')}

/* Size matched aliases that replace the old Cormorant and Jost across the rooms,
   so every existing layout keeps its proportions in the new type. */
@font-face{font-family:'Mara Display';font-style:normal;font-weight:300 900;font-display:swap;size-adjust:90%;src:url(/assets/playfair-display-latin-wght-normal.woff2) format('woff2')}
@font-face{font-family:'Mara Display';font-style:italic;font-weight:300 900;font-display:swap;size-adjust:90%;src:url(/assets/playfair-display-latin-wght-italic.woff2) format('woff2')}
@font-face{font-family:'Mara Sans';font-style:normal;font-weight:100 900;font-display:swap;size-adjust:96%;src:url(/assets/archivo-latin-wdth-normal.woff2) format('woff2')}
@font-face{font-family:'Mara Sans';font-style:italic;font-weight:100 900;font-display:swap;size-adjust:96%;src:url(/assets/archivo-latin-wdth-italic.woff2) format('woff2')}

:root{
  --mb-burnt:#BF512E; --mb-burnt-lt:#E7A483; --mb-burnt-deep:#A33D1E;
  --mb-ink:#0C0C0E; --mb-paper:#FFFFFF; --mb-paper-alt:#F7F2EA; --mb-sand:#F0E7DA;
  --mb-serif:'Playfair Display',Georgia,serif;
  --mb-sans:'Archivo','Helvetica Neue',Arial,sans-serif;
  --mb-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
}
html[data-mara-theme="light"]{
  --mb-bg:#FFFFFF; --mb-bg2:#F7F2EA; --mb-card:#FFFFFF; --mb-text:#0C0C0E; --mb-dim:#5F5A55; --mb-faint:#8A857F;
  --mb-rule:#E9E4DC; --mb-accent:#BF512E; --mb-accent-text:#B44A28; --mb-on-accent:#FFFFFF; color-scheme:light;
}
html[data-mara-theme="dark"]{
  --mb-bg:#0C0C0E; --mb-bg2:#141417; --mb-card:#141417; --mb-text:#F3F0EC; --mb-dim:#CFC9C2; --mb-faint:#A5A09A;
  --mb-rule:#2A2A2E; --mb-accent:#BF512E; --mb-accent-text:#E0744B; --mb-on-accent:#FFFFFF; color-scheme:dark;
}
html[data-mara-theme] ::selection{background:rgba(191,81,46,.28)}
html[data-mara-theme] :focus-visible{outline:2px solid var(--mb-accent);outline-offset:2px}

/* ---- brand footer: Mara, powered by Session, copyright ---- */
.mb-foot{box-sizing:border-box;width:100%;margin:48px 0 0;padding:28px clamp(18px,4vw,44px) calc(26px + env(safe-area-inset-bottom));
  border-top:1px solid var(--mb-rule);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;
  font-family:var(--mb-sans);font-size:12px;line-height:1.5;color:var(--mb-faint);background:transparent;position:relative;z-index:1;text-transform:none;letter-spacing:normal;text-align:left;font-weight:400;font-style:normal;flex:0 0 auto;
  animation:mbSoft .9s cubic-bezier(.22,.61,.36,1) both}
.mb-foot .mb-l{display:flex;align-items:center;gap:16px;min-width:0}
.mb-foot .mb-mara{height:22px;width:auto;display:block}
.mb-foot .mb-sep{width:1px;height:20px;background:var(--mb-rule);flex:none}
.mb-foot .mb-pow{height:15px;width:auto;display:block;opacity:.8}
.mb-foot .mb-r{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.mb-foot a,.mb-foot span{color:var(--mb-faint);text-decoration:none;transition:color .3s;text-transform:none;letter-spacing:normal;font-size:inherit;font-family:inherit;background:none;border:0;padding:0;margin:0}
.mb-foot a:hover{color:var(--mb-accent-text)}
.mb-foot.mb-compact{margin-top:28px;padding-top:18px;padding-bottom:calc(18px + env(safe-area-inset-bottom));font-size:11px}
.mb-foot.mb-compact .mb-mara{height:18px}.mb-foot.mb-compact .mb-pow{height:12px}
@media (max-width:640px){.mb-foot{flex-direction:column;align-items:flex-start}.mb-foot .mb-r{gap:6px 14px}}

/* footers read their real background, whatever the page theme */
.mb-foot.mb-on-light{--mb-faint:#6E6A66;--mb-rule:#E2DCD3;--mb-accent-text:#B44A28}
.mb-foot.mb-on-dark{--mb-faint:#A5A09A;--mb-rule:#2A2A2E;--mb-accent-text:#E0744B}

/* an existing copyright line upgraded in place */
.mb-foot.mb-inline{margin:0;border-top:0;padding:10px 0;justify-content:center;gap:10px 22px;animation:none}

/* Pages that fill the screen and never scroll get a quiet fixed line instead */
.mb-mini{position:fixed;left:0;right:0;bottom:0;z-index:5;pointer-events:none;display:flex;justify-content:center;
  padding:6px 12px calc(6px + env(safe-area-inset-bottom));font-family:var(--mb-sans);font-size:10px;letter-spacing:.04em;color:var(--mb-faint);opacity:.75;text-transform:none}
.mb-mini img{height:10px;width:auto;margin-left:8px;vertical-align:-1px;opacity:.85}

/* Legacy logo images are replaced with the Mara wordmark by mara-brand.js */
img.mb-logo{object-fit:contain}

@keyframes mbSoft{from{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@media (prefers-reduced-motion:reduce){.mb-foot{animation:none}}
