/* ==========================================================
   Veloc Locações — Design tokens
   Estilo: landing page limpa (refs: un-forklift, kratux).
   ========================================================== */

:root {
  /* ---------- Color ---------- */
  --primary:        #C3D92E;     /* verde-limão Veloc */
  --primary-dark:   #A8BC1E;
  --primary-light:  #D4EA3E;
  --on-primary:     #0B0D0A;

  --dark:           #0B0D0A;     /* preto orgânico */
  --dark-surface:   #14171211;
  --dark-card:      #1A1D17;
  --dark-border:    #2A2F26;

  --gray-700:       #3A3F35;
  --gray-500:       #6A7065;
  --gray-400:       #9CA396;
  --gray-300:       #C4C9BD;
  --gray-200:       #DDE1D6;
  --gray-100:       #ECEEE6;

  --white:          #FAFAFA;
  --bg-light:       #F7F6F2;     /* off-white body */
  --bg-card:        #FFFFFF;

  /* ---------- Typography ---------- */
  --font-display: 'Teko', 'Arial Black', sans-serif;
  --font-body:    'Inter', 'Segoe UI', system-ui, sans-serif;

  /* ---------- Layout ---------- */
  --container:    1200px;
  --container-x:  24px;
  --header-h:     72px;
  --section-py:   clamp(64px, 8vw, 120px);

  /* ---------- Radius ---------- */
  --radius:     12px;
  --radius-sm:  8px;
  --radius-xs:  4px;
  --radius-pill: 999px;

  /* ---------- Shadow ---------- */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg: 0 16px 48px rgba(0,0,0,0.12);
  --shadow-primary: 0 8px 24px rgba(195, 217, 46, 0.35);

  /* ---------- Motion ---------- */
  --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition: 0.35s var(--ease);
}

@media (prefers-reduced-motion: reduce) {
  :root { --transition: 0ms; }
}