/* ================================================================
   VARIABLES.CSS — Design Tokens / Blueprint Seluruh Proyek
   Sistem Perizinan Berusaha Digital — DPMPTSP
   ================================================================ */

:root {
  /* ── Brand Utama (Opsi A — Biru DPMPTSP) ── */
  --navy        : #0f2d4a;
  --navy-2      : #1a4a7a;
  --navy-3      : #1d6fa4;
  --blue        : #2563eb;
  --blue-hover  : #1d4ed8;
  --blue-light  : #3b82f6;
  --blue-pale   : #eff6ff;
  --blue-bdr    : #bfdbfe;
  --gold        : #b8860b;
  --gold-light  : #d4a017;
  --gold-pale   : #fefce8;
  --gold-dark   : #8b6508;
  --white       : #ffffff;

  /* ── Grayscale ── */
  --gray-50   : #f8fafc;
  --gray-100  : #f1f5f9;
  --gray-200  : #e2e8f0;
  --gray-300  : #cbd5e1;
  --gray-400  : #94a3b8;
  --gray-500  : #64748b;
  --gray-600  : #475569;
  --gray-700  : #334155;
  --gray-800  : #1e293b;
  --gray-900  : #0f172a;

  /* ── Status ── */
  --success       : #166534;
  --success-bg    : #f0fdf4;
  --success-bdr   : #bbf7d0;
  --warning       : #92400e;
  --warning-bg    : #fffbeb;
  --warning-bdr   : #fde68a;
  --danger        : #991b1b;
  --danger-bg     : #fef2f2;
  --danger-bdr    : #fecaca;
  --info          : #1e40af;
  --info-bg       : #eff6ff;
  --info-bdr      : #bfdbfe;

  /* ── Blockchain Dark Theme ── */
  --bc-bg     : #050d1a;
  --bc-bg2    : #091428;
  --bc-border : #1a3050;
  --bc-green  : #00d68f;
  --bc-purple : #6c5ce7;
  --bc-cyan   : #00b4d8;
  --bc-yellow : #f59e0b;
  --bc-red    : #ef4444;
  --bc-text   : #a8c4e0;
  --bc-dim    : #4a6a8a;

  /* ── Warna per Role ── */
  --c-pemohon       : #0c4a6e;
  --c-verifikator   : #0e7490;
  --c-timteknis     : #047857;
  --c-koordinator   : #6d28d9;
  --c-sekretaris    : #be185d;
  --c-kepala-dinas  : #b8860b;

  /* ── Layout ── */
  --sidebar-w   : 220px;
  --topbar-h    : 60px;
  --ribbon-h    : 0px;

  /* ── Border Radius ── */
  --r-xs  : 3px;
  --r-sm  : 6px;
  --r     : 10px;
  --r-lg  : 14px;
  --r-xl  : 18px;
  --r-2xl : 24px;
  --r-full: 9999px;

  /* ── Shadow ── */
  --shadow-xs : 0 1px 2px rgba(0,0,0,.05);
  --shadow-sm : 0 1px 6px rgba(0,0,0,.08);
  --shadow    : 0 4px 12px rgba(0,0,0,.10);
  --shadow-md : 0 6px 20px rgba(0,0,0,.12);
  --shadow-lg : 0 12px 36px rgba(0,0,0,.15);
  --shadow-xl : 0 20px 56px rgba(0,0,0,.20);

  /* ── Transisi ── */
  --tr-fast : .10s ease;
  --tr      : .18s ease;
  --tr-slow : .30s ease;

  /* ── Font ── */
  --font-sans    : 'Inter', sans-serif;
  --font-display : 'Plus Jakarta Sans', sans-serif;
  --font-mono    : 'JetBrains Mono', monospace;
}