/* =============================================================================
   SISTEM TOKEN DESAIN RESMI: CBT SMK PRATIWI PRABUMULIH (GEN-2)
   FILE: core/tokens.css
   FILOSOFI: "CANTIK TIDAK HARUS MAHAL" - 100% GPU / CSS COMPUTED ($0 CLOUD COST)
   ============================================================================= */

:root {
  /* ================= PALET WARNA UTAMA INSTITUSI ================= */
  --cbt-navy-deep:       #0f2b5c; /* Biru Kebanggaan Pratiwi - Header & Identitas */
  --cbt-navy-surface:    #1e3a8a; /* Biru Interaktif - Navigasi & Kartu Utama */
  --cbt-blue-accent:     #2563eb; /* Biru Aksi - Tombol Utama & Fokus Input */
  --cbt-blue-hover:      #1d4ed8;
  --cbt-blue-soft:       #dbeafe; /* Biru Latar Lembut - Badge & Hover Ring */

  /* ================= WARNA SEMANTIK STATUS ================= */
  /* Hijau Emerald: Token Mulai, Sesi Berjalan, Lulus, Aman */
  --cbt-emerald-dark:    #065f46;
  --cbt-emerald-main:    #059669;
  --cbt-emerald-light:   #10b981;
  --cbt-emerald-bg:      #ecfdf5;
  --cbt-emerald-border:  #a7f3d0;

  /* Kuning Amber: Token Kirim, Standby, Ragu-ragu, Peringatan */
  --cbt-amber-dark:      #92400e;
  --cbt-amber-main:      #d97706;
  --cbt-amber-light:     #f59e0b;
  --cbt-amber-bg:        #fffbeb;
  --cbt-amber-border:    #fde68a;

  /* Merah Crimson: Terkunci, Karantina H-1, Diskualifikasi, Bahaya */
  --cbt-crimson-dark:    #991b1b;
  --cbt-crimson-main:    #dc2626;
  --cbt-crimson-light:   #ef4444;
  --cbt-crimson-bg:      #fef2f2;
  --cbt-crimson-border:  #fecaca;

  /* ================= IDENTITAS WARNA PER TINGKAT ================= */
  --cbt-grade-x:         #0284c7; /* Sky Blue - Tingkat X */
  --cbt-grade-xi:        #4f46e5; /* Indigo - Tingkat XI */
  --cbt-grade-xii:       #0f172a; /* Slate Dark - Tingkat XII */

  /* ================= WARNA NETRAL (SURFACE & TEXT) ================= */
  --cbt-slate-900:       #0f172a; /* Warna Teks Utama - Kontras Tinggi */
  --cbt-slate-800:       #1e293b;
  --cbt-slate-700:       #334155; /* Teks Sekunder & Label Form */
  --cbt-slate-500:       #64748b; /* Teks Pendukung & Placeholder */
  --cbt-slate-400:       #94a3b8;
  --cbt-slate-300:       #cbd5e1; /* Garis Pembatas Lembut */
  --cbt-slate-200:       #e2e8f0; /* Border Kartu Standar */
  --cbt-slate-100:       #f1f5f9; /* Latar Belang Tabel (Zebra) */
  --cbt-slate-50:        #f8fafc; /* Latar Belakang Kanvas Dashboard */
  --cbt-white:           #ffffff; /* Permukaan Kartu & Modal */

  /* ================= TIPOGRAFI ================= */
  --cbt-font-main:       'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --cbt-font-mono:       'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;

  /* ================= GEOMETRI & ELEVASI ================= */
  --cbt-radius-sm:       6px;
  --cbt-radius-md:       10px;
  --cbt-radius-lg:       14px;
  --cbt-radius-xl:       20px;

  --cbt-shadow-sm:       0 1px 2px 0 rgba(15, 23, 42, 0.05);
  --cbt-shadow-card:     0 4px 6px -1px rgba(15, 23, 42, 0.07), 0 2px 4px -2px rgba(15, 23, 42, 0.05);
  --cbt-shadow-hover:    0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.04);
  --cbt-shadow-modal:    0 20px 25px -5px rgba(15, 23, 42, 0.15), 0 8px 10px -6px rgba(15, 23, 42, 0.1);

  /* ================= TRANSISI HALUS ================= */
  --cbt-ease-fast:       150ms cubic-bezier(0.4, 0, 0.2, 1);
  --cbt-ease-smooth:     250ms cubic-bezier(0.4, 0, 0.2, 1);
}