/* ============================================
   ROTATRAC — CSS Variables / Design Tokens
   ============================================ */
:root {
  /* Cores institucionais */
  --azul-principal: #2A5F7D;
  --azul-medio:     #3C77C7;
  --azul-escuro:    #224E66;
  --azul-deep:      #152E3D;
  --verde:          #A5CD19;
  --verde-dark:     #8AB015;
  --branco:         #FFFFFF;
  --preto:          #0C1115;

  /* Tons neutros */
  --cinza-100: #F4F6F8;
  --cinza-200: #E8ECF0;
  --cinza-400: #9AA5B4;
  --cinza-600: #4A5568;

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

  /* Bordas */
  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-lg:  20px;
  --radius-pill: 100px;

  /* Sombras */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.07);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.12);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.18);

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

  /* Transições */
  --ease: 0.22s ease;
}