:root {
  --kodea-navy: #001c47;
  --kodea-navy-deep: #000c2a;
  --kodea-blue: #014a94;
  --kodea-green: #378e35;
  --kodea-ink: #0a0e14;
  --kodea-paper: #f7f8fa;
  --kodea-white: #ffffff;
  --kodea-muted: #6b7280;
  --kodea-border: #e5e7eb;
  --kodea-danger: #c0392b;

  --font-display: 'Neue Montreal', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  --radius: 10px;
  --shadow-soft: 0 8px 30px rgba(0, 12, 42, 0.08);

  /* --- Public website design tokens (light-first, sesuai mockup) --- */
  --pub-paper: #f6f6f3;       /* latar utama: off-white hangat */
  --pub-paper-alt: #efefeb;   /* strip pembeda antar section terang */
  --pub-white: #ffffff;
  --pub-void: #0a0a0a;        /* section gelap: hitam pekat, bukan biru */
  --pub-void-soft: #141414;   /* permukaan gelap sedikit lebih terang */
  --pub-ink: #0a0a0a;         /* teks utama di latar terang */
  --pub-ink-soft: #5c5c58;    /* teks sekunder di latar terang */
  --pub-on-void: #f4f4f1;     /* teks di latar gelap */
  --pub-on-void-soft: #9a9a95;/* teks sekunder di latar gelap */
  /* Navy sengaja tidak dipakai lagi di halaman publik — palet mengikuti mockup:
     terang, hitam pekat sebagai aksen, hijau sebagai penanda. */
  --pub-signal: #4caf3e;      /* hijau brand */
  --pub-signal-deep: #3d8f31;
  --pub-blue: #2f6fd6;
  --pub-line: #232323;        /* garis tipis di latar gelap */
  --pub-line-soft: #e0e0da;   /* garis tipis di latar terang */

  --font-pub-display: 'Space Grotesk', var(--font-body);
  --font-pub-body: 'Inter', var(--font-body);
  --font-pub-mono: 'IBM Plex Mono', 'Courier New', monospace;
}