/* ================================== */
/* VARIÁVEIS GERAIS                   */
/* ================================== */
/* Convenção de numeração:
   - cores numeradas do tom mais claro para o mais escuro
   - arquivos CSS modulares carregam este arquivo como base compartilhada */

:root {
  /* Blues */
  --ur-blue-1: #91acfb;
  --ur-blue-2: #7c9dff;
  --ur-blue-3: #537eff;
  --ur-blue-4: #4e7bff;

  /* Oranges */
  --ur-orange-1: #ffb450;
  --ur-orange-2: #eb8100;
  --ur-orange-3: #f7630c;

  /* Neutrals / panels */
  --ur-gray-1: #eee;
  --ur-gray-2: #ddd;
  --ur-gray-3: #c9c9c9;
  --ur-gray-4: #bdbdbd;
  --ur-gray-5: #bbb;
  --ur-gray-6: #999999;
  --ur-gray-7: #999;
  --ur-gray-8: #888;
  --ur-gray-9: #292929;
  --ur-gray-10: #1e1e1e;
  --ur-gray-11: #090909;
  --ur-gray-12: #030303;
  --ur-gray-13: #020202;

  /* Reds */
  --ur-red-1: #ff6969;

  /* Utility values */
  --ur-font-size-sm: 14px;
  --ur-font-size-md: 15px;
  --ur-input-height: 38px;
  --ur-radius-circle: 100%;
  --ur-border-light: var(--ur-gray-2);
}