/* =========================================================
   DESIGN TOKENS — IT Helpdesk, DBM Cargo & Logistics
   Identitas: navy tua + emas (dari logo), motif "manifest kargo"
   ========================================================= */

:root {
  /* --- Warna utama (dari logo DBM) --- */
  --navy-900: #0B2340;
  --navy-800: #123A5E;
  --navy-700: #1B4D7A;
  --navy-600: #2A6094;
  --navy-100: #E8EEF4;

  --gold-600: #A8791F;
  --gold-500: #C9A227;
  --gold-400: #D8B84E;
  --gold-300: #E9D48C;
  --gold-100: #F7EFD8;

  /* --- Netral --- */
  --bg: #F3F5F8;
  --surface: #FFFFFF;
  --ink-900: #16202E;
  --ink-700: #33404F;
  --ink-500: #5C6675;
  --ink-300: #98A2AE;
  --line: #DEE3E9;
  --line-strong: #C6CDD6;

  /* --- Status "stempel" tiket --- */
  --stamp-review: #A8791F;      /* gold tua - baru masuk, ditinjau */
  --stamp-review-bg: #FBF3E1;
  --stamp-process: #1B4D7A;     /* navy - sedang dikerjakan */
  --stamp-process-bg: #E8EEF4;
  --stamp-finish: #21744F;      /* hijau tua - selesai */
  --stamp-finish-bg: #E7F3EC;
  --danger: #B3382C;
  --danger-bg: #FBEAE8;

  /* --- Tipografi --- */
  --font-display: 'Sora', 'Segoe UI', sans-serif;
  --font-body: 'Inter', 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', 'Courier New', monospace;

  /* --- Radius & bayangan --- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(11, 35, 64, 0.06);
  --shadow-md: 0 4px 16px rgba(11, 35, 64, 0.08);
  --shadow-lg: 0 12px 32px rgba(11, 35, 64, 0.14);

  /* --- Spacing scale --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  /* --- Layout --- */
  --sidebar-width: 260px;
  --topbar-height: 68px;
}