/* =====================================================
   THEME VARIABLES - Identitas Visual Sushi Tei
   Sesuai spesifikasi bagian 16 (UI / VISUAL)
   ===================================================== */

:root {
  /* Warna utama */
  --color-primary: #1B4332;        /* Hijau tua / forest green */
  --color-primary-dark: #12301F;   /* Varian lebih gelap untuk hover/active */
  --color-accent: #52B788;         /* Hijau lebih terang sebagai aksen */
  --color-accent-light: #95D5B2;   /* Aksen lebih muda (badge, highlight) */

  /* Warna dasar & background */
  --color-base: #FFFFFF;           /* Putih sebagai warna dasar */
  --color-bg: #F4F6F5;             /* Abu-abu muda untuk background */
  --color-border: #E2E6E4;         /* Abu-abu muda untuk border */

  /* Teks */
  --color-text: #1F2A24;           /* Charcoal / dark green untuk teks */
  --color-text-muted: #5B6A61;

  /* Status */
  --color-success: #2D6A4F;
  --color-warning: #B08900;
  --color-danger: #B3261E;

  /* Tipografi & radius (disiapkan agar konsisten antar halaman) */
  --font-base: 'Poppins', 'Segoe UI', Arial, sans-serif;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-card: 0 2px 8px rgba(27, 67, 50, 0.08);
}

body {
  font-family: var(--font-base);
  background-color: var(--color-bg);
  color: var(--color-text);
}

/* Catatan: file ini hanya berisi variabel & dasar tipografi.
   Struktur layout tiap halaman (sidebar, tabel, form, dsb.)
   akan dibangun mengikuti wireframe masing-masing halaman. */