/* TBA (The Brainwashing App) — theme: fonts, variables, base */

@font-face{
  font-family:'Playfair Display';
  src:url('../fonts/PlayfairDisplay.woff2') format('woff2');
  font-weight:400 700;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Playfair Display';
  src:url('../fonts/PlayfairDisplay-Italic.woff2') format('woff2');
  font-weight:400 700;font-style:italic;font-display:swap;
}
@font-face{
  font-family:'Montserrat';
  src:url('../fonts/Montserrat.woff2') format('woff2');
  font-weight:300 600;font-style:normal;font-display:swap;
}

:root{
  --ink:#0c0c0c;
  --sage:#D9DAD2;
  --cream:#F4F2EC;
  --stone:#8a877e;
  --line:rgba(12,12,12,.12);
  --serif:'Playfair Display',serif;
  --sans:'Montserrat',sans-serif;
  --dark:#0b0907;
  --gold:#d4c1aa;
  /* warm brand ink for dark type on the light marble cover (brand palette,
     not the near-black --ink used for body copy on cream) */
  --cover-ink:#2A211B;
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overscroll-behavior:none}
body{
  font-family:var(--sans);
  background:var(--cream);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;
  -webkit-text-size-adjust:100%;
  /* height, NOT inset:0 — a fixed inset:0 box measures the LARGE viewport in
     mobile Safari, so the bottom of the app hides under the browser toolbar.
     dvh tracks the actually-visible area (and equals 100vh in standalone/native). */
  position:fixed;top:0;left:0;right:0;overflow:hidden;
  height:100vh;height:100dvh;
}
button{font-family:var(--sans);color:inherit;background:none;border:none;cursor:pointer}
input{font-family:var(--sans)}

.wordmark{font-family:var(--serif);font-weight:500;letter-spacing:.22em;font-size:13px}
.eyebrow{font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--stone);font-weight:500}