/* Styles for standalone legal pages (privacy.html). Mirrors the Olosi tokens so
   it reads as part of the site without depending on the bundled app CSS. */
@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/Figtree-latin.woff2") format("woff2");
}

:root {
  --olosi-black: #2C3038;
  --olosi-black-med: #5A6170;
  --olosi-black-light: #8A919E;
  --olosi-grey-med: #EEF0F3;
  --olosi-white-off: #FBFBFD;
  --olosi-purple: #6D5CE8;
  --font-sans: Figtree, system-ui, -apple-system, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html, body {
  margin: 0;
  background: var(--olosi-white-off);
  color: var(--olosi-black-med);
  font-family: var(--font-sans);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--olosi-purple); }

.wrap { width: 100%; max-width: 760px; margin: 0 auto; padding: 0 24px; }

header.site { border-bottom: 1px solid var(--olosi-grey-med); }
header.site .wrap { display: flex; align-items: center; height: 84px; }
header.site a { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
header.site img { height: 40px; width: 40px; display: block; }
header.site .name { font-size: 20px; font-weight: 700; color: var(--olosi-black); letter-spacing: -0.01em; }

main { padding: clamp(40px, 8vw, 72px) 0; }
h1 { font-size: clamp(28px, 5vw, 40px); font-weight: 800; color: var(--olosi-black); letter-spacing: -0.02em; line-height: 1.1; margin: 0 0 8px; }
.updated { font-size: 13px; color: var(--olosi-black-light); font-weight: 600; margin: 0 0 32px; }
h2 { font-size: 19px; font-weight: 700; color: var(--olosi-black); letter-spacing: -0.01em; margin: 36px 0 10px; }
p, li { font-size: 15px; line-height: 1.6; font-weight: 400; color: var(--olosi-black-med); }
ul { padding-left: 20px; margin: 8px 0; }
li { margin: 4px 0; }
.back { margin-top: 44px; }

footer.site { border-top: 1px solid var(--olosi-grey-med); padding: 24px 0; }
footer.site .wrap { font-size: 12px; color: var(--olosi-black-light); font-weight: 500; }