/* ============================================================
   ROTATRAC — Design Tokens / CSS Variables
   Concessionária Autorizada Autotrac | João Pessoa/PB
   ============================================================ */

:root {
  /* Cores principais */
  --azul-deep:      #152E3D;
  --azul-principal: #224E66;
  --azul-escuro:    #1A3A4F;
  --verde:          #A5CD19;
  --preto:          #0C1115;
  --branco:         #FFFFFF;

  /* Escala de cinzas */
  --cinza-100: #F4F6F8;
  --cinza-200: #E8ECF0;
  --cinza-400: #9AA5B4;
  --cinza-600: #4A5568;

  /* Tipografia */
  --font: 'Montserrat', sans-serif;

  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* Sombras */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.14);

  /* Transições */
  --ease: 0.25s ease;

  /* Espaçamentos */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2rem;
  --space-xl:  3rem;
  --space-2xl: 5rem;

  /* Layout */
  --nav-height: 72px;
  --container-max: 1200px;
}