/* ══════════════════════════════════════════════════════════════════
   AUTO24 — CSS VARIABLES
   All design tokens in one place.
   ══════════════════════════════════════════════════════════════════ */

:root {
  /* Brand colors */
  --navy:   #0D1B2A;
  --navy2:  #1A2E45;
  --blue:   #1B5EA6;
  --blue2:  #2472C8;
  --gold:   #E8A020;
  --gold2:  #F5B942;
  --white:  #fff;
  --wa:     #25D366;
  --tg:     #0088CC;

  /* Neutral palette */
  --bg:     #F8FAFC;
  --bg2:    #F1F5F9;
  --border: #E2E8F0;
  --muted:  #64748B;
  --text:   #0F172A;

  /* Spacing */
  --mob-pad: 20px;

  /* Border radius */
  --r: 10px;

  /* Shadows */
  --sh:  0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.08);
  --sh2: 0 4px 6px rgba(0,0,0,.05), 0 10px 40px rgba(0,0,0,.12);
}