/* ============================================================
   YOUTHFIN DESIGN TOKENS — keluarga halaman APP
   Satu sumber variabel warna/radius/shadow untuk: dashboard,
   explore, tasks, task, jobs, settings, earnings, skill-up,
   onboarding, admin. Link SEBELUM <style> halaman supaya
   halaman masih bisa override kalau perlu.

   JANGAN samakan diam-diam dengan keluarga lain (drift
   terdokumentasi di design.md §1):
   - landing/statis (css/styles.css): --bg #FAFAF8, --radius 12px, dll.
   - profile.html & gap-advisor.html: masih pakai nilai keluarga landing.

   Dark mode: nilai-nilai ini di-override js/theme.js via
   html[data-theme="dark"] — jangan tambah token baru di sini
   tanpa menambah padanan gelapnya di theme.js.
============================================================ */
:root {
  --green: #00AA45;
  --green-mid: #00913B;
  --green-light: #E6F9EE;
  --bg: #F5F5F0;
  --bg-card: #FFFFFF;
  --bg-alt: #F0F0EB;
  --border: #E5E5E0;
  --text: #1A1A18;
  --text-2: #4A4A46;
  --text-3: #9B9B93;
  --radius: 16px;
  --radius-sm: 8px;
  --shadow: 0 4px 16px rgba(0,0,0,.06);
  --shadow-sm: 0 1px 3px rgba(0,0,0,.06);
}