/* =========================================================
   MASSUSI INVENTORY - DESIGN SYSTEM VARIABLES
   Theme: Modern Blue, Clean White, & Gold/Green Accents
   ========================================================= */

:root {
  /* --- Primary Brand Colors (Biru Modern) --- */
  --primary-50:  #eff6ff;
  --primary-100: #dbeafe;
  --primary-500: #267cee; /* Primary Blue */
  --primary-600: #1d4ed8;
  --primary-700: #1e40af;

  /* --- Accent Colors (Aksen Emas & Hijau Herbal) --- */
  --accent-gold:   #d97706; /* Emas */
  --accent-gold-bg: #fffbeb;
  --accent-green:  #10b981; /* Hijau Herbal */
  --accent-green-bg: #ecfdf5;

  /* --- Neutral & Surface Colors --- */
  --bg-main:       #fcfbf8;
  --bg-surface:    #ffffff;
  --bg-sidebar:    #0f172a; /* Dark Slate untuk Sidebar kontras tinggi */
  
  /* --- Text Colors --- */
  --text-main:     #1e293b;
  --text-muted:    #64748b;
  --text-light:    #94a3b8;
  --text-inverse:  #ffffff;

  /* --- Border & Divider --- */
  --border-color:  #e2e8f0;
  --border-focus:  #2563eb;

  /* --- Status Colors --- */
  --success:       #10b981;
  --success-bg:    #ecfdf5;
  --warning:       #f59e0b;
  --warning-bg:    #fffbeb;
  --danger:        #ef4444;
  --danger-bg:     #fef2f2;

  /* --- Typography --- */
  --font-family:   'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  --font-xs:       11px;
  --font-sm:       13px;
  --font-base:     14px;
  --font-lg:       16px;
  --font-xl:       20px;
  --font-2xl:      24px;

  /* --- Border Radius --- */
  --radius-sm:     10px;
  --radius-md:     16px;
  --radius-lg:     50px;
  --radius-full:   9999px;

  /* --- Shadows --- */
  --shadow-sm:     0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md:     0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  --shadow-lg:     0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02);

  /* --- Transitions --- */
  --transition:    all 0.2s ease-in-out;
}