/* ═══════════════════════════════════════════════════════════════════════════
   Hive Platform — Design Tokens
   Single source of truth. Loaded first by every app HTML (Deals, Hours,
   Invoice, Admin). Do NOT redefine these in app-specific <style> blocks.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* Brand */
  --green:        #185234;
  --green-hover:  #1E6140;
  --green-tint:   rgba(24,82,52,0.09);
  --green-tint2:  rgba(24,82,52,0.05);
  --mint:         #E8F5EE;

  /* Surfaces */
  --bg:           #F5F5F5;
  --surface:      #FFFFFF;
  --sidebar-bg:   #FAFAFA;

  /* Text */
  --text:         #1A1A1A;
  --text-2:       #6B6B6B;
  --text-3:       #ABABAB;

  /* Borders & elevation */
  --border:       #E5E5E5;
  --border-dk:    #D0D0D0;
  --shadow-sm:    0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.06);
  --shadow-md:    0 4px 16px rgba(0,0,0,0.08);

  /* Status accents (used across badges, alerts, danger buttons) */
  --danger:       #DC2626;
  --danger-hover: #EF4444;
  --danger-tint:  #FEF2F2;
  --warn:         #92400E;
  --warn-tint:    #FEF3C7;

  /* Layout */
  --sidebar-w:    200px;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: 'Inter', -apple-system, system-ui, sans-serif;
  background: var(--bg);
  color: var(--text);
  font-size: 13px;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  height: 100vh;
}

/* Common scrollbar — applies everywhere */
::-webkit-scrollbar       { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border-dk); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-3); }