/* WashMyCar — Shared base styles
   Used by: index.html, checkout.html, employee.html
   (dashboard.html has its own dark theme and is excluded)
*/

/* Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* CSS custom properties — light theme */
:root {
  --blue: #3B82F6;
  --blue-light: #EFF6FF;
  --blue-mid: #DBEAFE;
  --green: #10B981;
  --green-light: #ECFDF5;
  --yellow: #F59E0B;
  --yellow-light: #FFFBEB;
  --red: #EF4444;
  --text: #111827;
  --text-2: #6B7280;
  --text-3: #9CA3AF;
  --border: #E5E7EB;
  --bg: #F8FAFF;
  --white: #FFFFFF;
  --radius: 16px;
  --radius-sm: 10px;
}

/* Base */
html { scroll-behavior: smooth; }
body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 15px;
  line-height: 1.6;
}