/* Kampreneur color + typography tokens.
 *
 * Palette values are carried over from the approved brand manual at
 * .planning/brand/BRAND.md. Variable names are intentionally neutral
 * ("--brand-*") so no upstream brand identifier leaks into rendered HTML.
 */
:root {
  /* Primary palette */
  --brand-khaki: #5f6f3a;
  --brand-mud: #5a5034;
  --brand-sand: #bb8a45;
  --brand-lilac: #f5e1b9;

  /* System neutrals */
  --ink: #1c1a14;
  --paper: #fbf6ea;
  --stone-100: #efe8d6;
  --stone-300: #c9bfa6;
  --stone-600: #6b6148;

  /* Semantic */
  --success: #4f7a37;
  --warning: #bb8a45;
  --danger: #9a3b2f;
  --info: #4c6d5a;

  /* Typography */
  --font-display: "Azonix", "Impact", system-ui, sans-serif;
  --font-body: "Montserrat", system-ui, -apple-system, sans-serif;
  --font-brush: "Permanent Marker", "Caveat Brush", cursive;

  /* Radii */
  --radius-sm: 6px;
  --radius: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-card: 0 1px 3px rgba(90, 80, 52, 0.08), 0 1px 2px rgba(90, 80, 52, 0.06);
  --shadow-lift: 0 8px 20px rgba(90, 80, 52, 0.12);

  /* Focus */
  --ring: 2px solid var(--brand-sand);
  --ring-offset: 2px;
}