/* Kin Kai design tokens.
   Generated from docs/design/kin-kai-design-direction.html, the direction Mesh
   approved on 29 July 2026. Edit the sheet and rerun tools/build_design_bundle.py,
   do not diverge this file by hand. Source of the tokens is the locked Kin brand
   at projects/kin-partners-setup/assets/BRAND.md. */


/* ==========================================================================
   PART 0. TOKENS.  Lifts directly into kin_kai/static/css/tokens.css
   Source of truth: projects/kin-partners-setup/assets/BRAND.md (locked 15 Jul 2026)
   ========================================================================== */
:root {
  --carbon: #101309;
  --ink: #171C13;
  --raised: #1D241A;
  --olive: #5F6D4C;
  --olive-lift: #9BB068;
  --signal: #C4EE4F;
  --sand: #EEE8DB;
  --sage: #8E9280;
  --amber: #D8BD78;
  --clay: #E69A88;

  --line: rgba(238, 232, 219, 0.10);
  --line-strong: rgba(238, 232, 219, 0.16);
  --line-soft: rgba(238, 232, 219, 0.06);
  --glow: rgba(155, 176, 104, 0.22);
  --hover: rgba(155, 176, 104, 0.05);
  --fill-faint: rgba(255, 255, 255, 0.03);

  --font-display: "Bricolage Grotesque", "Avenir Next", sans-serif;
  --font-body: "Hanken Grotesk", "Avenir Next", Inter, system-ui, sans-serif;
  --font-mono: "Space Mono", ui-monospace, "Courier New", monospace;

  --rail: 248px;
  --pad: 28px;
  --r-panel: 14px;
  --r-ctl: 8px;
  --lift: 0 24px 48px -32px rgba(0, 0, 0, 0.7);
}
@media (max-width: 1360px) { :root { --rail: 224px; --pad: 24px; } }
@media (max-width: 1240px) { :root { --rail: 200px; --pad: 20px; } }

* { box-sizing: border-box; }
/* Carbon, the same flat ground the kinpartners.io holding page uses. This was
   #0a0c06, a darker green black that did not match any surface above it and
   showed through as a bar below short pages. */
html { background: var(--carbon); }
body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--sand);
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
