/* ═══════════════════════════════════════════
   FRITITRUCK — Variables globales de diseño
   ═══════════════════════════════════════════ */

:root {
  --green:        #1a7a4a;
  --green-light:  #e8f5ee;
  --green-mid:    #2d9e62;
  --orange:       #e8660a;
  --orange-light: #fff3eb;
  --gray-50:      #f9f9f7;
  --gray-100:     #f0efe9;
  --gray-200:     #dddcd6;
  --gray-400:     #9b9a93;
  --gray-600:     #5a5955;
  --gray-900:     #1c1c1a;
  --red:          #c0392b;
  --red-light:    #fdf0ee;
  --blue:         #1a5fa8;
  --blue-light:   #e8f0fb;
  --radius:       10px;
  --radius-sm:    6px;
  --shadow:       0 1px 3px rgba(0,0,0,0.08);
}

/* ── Modo oscuro ─────────────────────────── */
html.dark {
  --green-light:  #0d2e1e;
  --orange-light: #2a1500;
  --red-light:    #2a0e0b;
  --blue-light:   #0a1e38;
  --gray-50:      #111110;
  --gray-100:     #1e1e1c;
  --gray-200:     #2e2e2b;
  --gray-400:     #6a6a64;
  --gray-600:     #a0a09a;
  --gray-900:     #e8e8e4;
}