/* ============================================================
   MOTORCHECK V4 — DESIGN TOKENS
   Light theme, real-brand aligned
   ============================================================ */
:root {
  --bg:           #FFFFFF;
  --bg-soft:      #F8F9FB;
  --bg-dark:      #1A2332;
  --bg-dark-2:    #243042;

  --text:         #1A2332;
  --text-mid:     #374151;
  --text-muted:   #6B7280;
  --text-faint:   #9CA3AF;
  --text-inv:     #FFFFFF;
  --text-inv-mid: rgba(255,255,255,0.78);
  --text-inv-muted: rgba(255,255,255,0.55);
  --text-inv-faint: rgba(255,255,255,0.35);

  --green:        #4CAF6D;
  --green-dark:   #1f8a4c;
  --green-deep:   #0F1A26;

  --border:       #E5E7EB;
  --border-soft:  #F3F4F6;
  --field-bg:     #F3F4F6;

  --font-heading: 'Poppins', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;

  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-xl:  20px;

  --nav-h:  68px;
  --max-w:  1200px;
  --pad-x:  48px;

  --shadow-card: 0 24px 60px rgba(0,0,0,0.18);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 180ms;
}