/* Musimpanen Intelligence — dark mode tokens (same palette as musimpanen site/styles.css) */
:root {
  --bg: #000000;
  --surface: #121214;
  --border: #26262A;
  --text: #FFFFFF;
  --text-2: #A6A6AE;
  --text-3: #75757D;

  /* the three intelligences + bridges */
  --human: #FF5F2E;
  --pink: #FF3D9A;
  --nature: #00D68F;
  --cyan: #2EC5FF;
  --ai: #3D7BFF;          /* electric blue, tinted for text and marks on black */

  --accent: var(--ai);    /* UI accent: active state, highlights, "perkiraan" */
  --accent-fill: #0A5CFF; /* filled buttons and tags, white text on top */
  --on-accent: #FFFFFF;
  --alert: #FF5A4F;       /* fire zones (functional) */
  --success: var(--nature);
  --code: var(--cyan);    /* rain */
  --peat: #B07A44;        /* peat soil (functional, matches land_peat.png) */
  --kebun: #6E9E50;       /* oil-palm plantation cover (matches land_kebun.png) */
  --hti: #C2B4FF;         /* HTI permit outlines */

  --font-head: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Inter", "Helvetica Neue", Arial, sans-serif; /* numbers use tabular figures, not a mono face */

  --r-card: 12px;
  --r-small: 6px;
  --shadow: 0 1px 2px rgba(0,0,0,.4), 0 12px 32px -12px rgba(0,0,0,.6);

  --ease: cubic-bezier(.23, 1, .32, 1);
  --dur: .3s;
  --dur-fast: .15s;
  --dur-big: .5s;
}