/* ============================================================
   BetterSex — design tokens + base styles
   Load this on EVERY page, including standalone pages (chat.php).
   This is the single source of truth for colors, fonts, spacing.
   Change a color here and the whole site updates.
   ============================================================ */
:root{
  /* surfaces (darkest -> lightest) */
  --bg:#09080c;
  --surface:#15131c;
  --surface-2:#1d1a26;
  --surface-3:#252030;
  --line:#272430;
  --hi:rgba(255,255,255,.05);

  /* text */
  --text:#f5f3f8;
  --muted:#9a96a8;
  --muted-2:#6f6b7d;

  /* brand */
  --pink:#ef4d7e;
  --pink-soft:#ff6f97;
  --purple:#a855f7;
  --green:#46d98a;

  /* legacy aliases — keep until no page references them */
  --ink:#f5f3f8; --bg-2:#15131c; --rose:#ef4d7e; --rose-soft:#ff6f97;

  --radius:14px;
  --font:"Plus Jakarta Sans",system-ui,sans-serif;
}

/* base / reset */
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
h1,h2,h3,h4{font-family:var(--font)}
img{max-width:100%;display:block}