:root {
  color-scheme: light;

  /* --- Surface / Background (Light Mode only) --- */
  --bg: #f8f9fa;
  --surface: #ffffff;
  --surface-soft: #f1f5f9;
  --surface-muted: #f8fafc;

  /* --- Text --- */
  --ink: #1e293b;
  --ink-strong: #0f172a;
  --muted: #475569;
  --label: #64748b;
  --faint: #94a3b8;

  /* --- Garis / Border --- */
  --line: #e2e8f0;
  --line-strong: #cbd5e1;

  /* --- Aksen utama (hanya untuk CTA, ikon aktif, teks penting) --- */
  --green: #0f5229;
  --green-deep: #0b3d1f;
  --green-soft: #e7f1ea;
  --green-tint: #f1f7f3;

  /* --- Aksen sekunder (dipakai hemat) --- */
  --amber: #b45309;
  --amber-soft: #fdf3e3;
  --red: #b42318;
  --red-soft: #fdecea;

  /* --- Alias tema lama agar referensi lama tetap aman --- */
  --brown: #57534e;
  --brown-soft: #f5f5f4;
  --gold: #b45309;
  --gold-soft: #fdf3e3;

  /* --- Radius --- */
  --radius-sm: 12px;
  --radius: 16px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* --- Elevasi (soft shadow) --- */
  --shadow: 0 4px 12px rgb(15 23 42 / 4%);
  --shadow-raised: 0 8px 24px rgb(15 23 42 / 8%);

  /* --- Tipografi --- */
  --font-sans: "Inter", "Public Sans", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}