/*
 * Homepage reset and design tokens.
 *
 * Split out of bn_home.css so the SECTION styles can be reused on pages
 * that must not inherit this. The `*` margin/padding reset, `img { display:
 * block }` and `a { color: inherit }` are fine on a standalone marketing
 * page and actively wrong inside the app shell, where they restyle the
 * sidebar and squeeze the character grid.
 *
 * Load this only on a page that is nothing but homepage sections.
 */
/* ================================================================
   BONZA CHAT — Homepage Styles (bn_home.css)
   Pure CSS — NO Bootstrap dependencies.
   All classes use `bh-` prefix (bonza home).
   Class names match the components in src/components/bn/home/ and
   bn-home.astro exactly.
   ================================================================ */

/* ========== CSS VARIABLES ========== */
:root {
  --purple-300: #DFBCFF;
  --purple-400: #CC95FF;
  --purple-800: #432362;
  --purple-900: #1F102D;
  --neutral-400: #9E9E9E;
  --neutral-500: #999;
  --neutral-700: #2E2E2E;
  --neutral-800: #131313;
}

/* ========== RESET & BASE ========== */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
}

body.bh-body {
  font-family: 'Heebo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: #000;
  color: #fff;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }
ul, ol { list-style: none; }