/* kneesis web — shared base for all brand landing sites.
 *
 * New brands start from this: Atkinson Hyperlegible (the standing rule for
 * kneesis landing pages), a dark theme token set, and a minimal reset. Brand
 * stylesheets layer accent + layout on top.
 *
 * Static sites deploy per-brand at their own root, so `just build` copies this
 * file into each brand dir as `base.css` (brands <link> it). */

@import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap");

:root {
  --font-sans: "Atkinson Hyperlegible", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --bg: #0a0a0a;
  --fg: #f5f5f5;
  --muted: #a3a3a3;
  /* brand accent — override per brand */
  --accent: #22c55e;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  margin: 0;
  height: 100%;
  background-color: var(--bg);
  color: var(--fg);
  font-family: var(--font-sans);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}