/* Sala brand for Pulse.
   Fonts: Estragon (display, minimal — the "Pulse" wordmark), Laica (headings), Satoshi (body, via Fontshare).
   Colours: primary White / Soft Black / Beige; secondary Green / Purple / Pale Grey / Dark Grey. */
@import url("https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap");
@font-face { font-family: "Estragon"; src: url("/static/brand/ABCEstragon-Thin.otf") format("opentype"); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: "Laica"; src: url("/static/brand/ABCLaicaA-Regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }

:root {
  --white: #FFFFFF; --ink: #121212; --beige: #F1EDE4;
  --green: #F5F9F2; --purple: #F0ECF4; --grey: #F3F4F6; --dark: #384250;
  --bg: var(--beige); --panel: var(--white); --muted: var(--dark); --line: #E3DDD0; --soft: var(--grey);
  --font-body: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-head: "Laica", "Satoshi", Georgia, serif;
  --font-display: "Estragon", "Laica", Georgia, serif;
}
body { font-family: var(--font-body); color: var(--ink); background: var(--bg); }
h1, h2, h3 { font-family: var(--font-head); font-weight: 400; letter-spacing: 0; }
.wordmark { font-family: var(--font-display); font-weight: 200; letter-spacing: .02em; }
.brand { display: flex; align-items: baseline; gap: 10px; text-decoration: none; color: var(--ink); }
.brand img { height: 16px; width: auto; display: block; align-self: center; }
.brand .wordmark { font-size: 26px; line-height: 1; }
.muted { color: var(--muted); }