/* Khuluma design tokens. Tenant 0 on CongoSky.
   Ndebele house-painting geometry + Masai red + African sunset + bush olive/khaki.
   No neon greens, no harsh screen colours. See brand/khuluma/BRAND.md. */

:root {
  /* ── Bush night surfaces (warm charcoal, not cold grey) ── */
  --kh-bg:       #1A1610;
  --kh-panel:    #262018;
  --kh-panel2:   #322A20;
  --kh-line:     #4A4034;

  /* ── Warm ink on dark ── */
  --kh-ink:      #F2E8D8;
  --kh-muted:    #B8A894;
  --kh-cream:    #E8DCC8;

  /* ── Ndebele primaries (bold, earthy, hand-painted) ── */
  --kh-warrior-red:  #A82028;   /* Masai / Ndebele red: alerts, left edge */
  --kh-mustard:      #D4A035;   /* sunset gold: accent, CTAs, focus */
  --kh-ndebele-blue: #2E6B8A;   /* royal blue, muted */
  --kh-olive:        #4A5C38;   /* bush green: safe / corroborated */
  --kh-terracotta:   #B86B52;   /* dusty sunset: warnings */
  --kh-khaki:        #9A8B6E;
  --kh-dust:         #7A6E58;
  --kh-sand:         #C9B89A;   /* sunset wash on light accents */

  /* ── Ndebele outline (every shape gets a stroke) ── */
  --kh-ink-stroke:   #14100C;
  --kh-stroke:       2px;
  --kh-stroke-heavy: 3px;

  /* ── Functional aliases ── */
  --kh-accent:       var(--kh-mustard);
  --kh-accent-ink:   var(--kh-bg);
  --kh-warn:         var(--kh-terracotta);
  --kh-danger:       var(--kh-warrior-red);
  --kh-ok:           var(--kh-olive);

  /* ── CongoSky parent (lockup, cross-links) ── */
  --kh-congosky-olive: #4A5234;
  --kh-congosky-camel: #E8B820;

  /* ── Type (inherits CongoSky house) ── */
  --kh-font-body: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;
  --kh-font-head: "Space Grotesk", "Atkinson Hyperlegible", system-ui, sans-serif;

  /* ── Shape ── */
  --kh-radius: 4px;   /* Ndebele frames are angular; soft radius only on pills */
  --kh-radius-pill: 999px;
}

*:focus-visible {
  outline: 3px solid var(--kh-mustard);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}