/* =========================================
   VARIABLES
   Tokens de design — coração do projeto
   ========================================= */
:root {
  /* Cores principais */
  --cor-primaria:      #1a1a1a;
  --cor-secundaria:    #3b4fcf;
  --cor-fundo:         #f4f5f7;
  --cor-branco:        #ffffff;
  --cor-borda:         #e8e7e3;
  --cor-borda-suave:   #f0f0ee;
  --cor-texto:         #1a1a1a;
  --cor-texto-fraco:   #9b9a97;
  --cor-texto-medio:   #4a4a4a;

  /* Status */
  --cor-pending-bg:    #f0f0ee;
  --cor-pending-fg:    #9b9a97;
  --cor-doing-bg:      #eaecf5;
  --cor-doing-fg:      #3b4fcf;
  --cor-review-bg:     #fdf4e3;
  --cor-review-fg:     #c27c00;
  --cor-done-bg:       #e8f5ec;
  --cor-done-fg:       #1a7a40;
  --cor-erro:          #e53e3e;
  --cor-erro-bg:       #fde8e8;
  --cor-erro-fg:       #b81a1a;

  /* Avatares */
  --av1-bg: #c7e8d5; --av1-fg: #1a7a40;
  --av2-bg: #d5d8f5; --av2-fg: #3b4fcf;
  --av3-bg: #f7dece; --av3-fg: #b84c1a;
  --av4-bg: #fdefd0; --av4-fg: #b87a00;
  --av5-bg: #e8d5f5; --av5-fg: #7a2cb8;

  /* Tipografia */
  --fonte-principal:   'DM Sans', sans-serif;

  /* Espaçamentos */
  --espacamento-xs:    4px;
  --espacamento-sm:    8px;
  --espacamento-md:    14px;
  --espacamento-lg:    20px;
  --espacamento-xl:    28px;

  /* Bordas */
  --raio-sm:    8px;
  --raio-md:    12px;
  --raio-lg:    16px;
  --raio-xl:    20px;
  --raio-xxl:   24px;
  --raio-full:  9999px;

  /* Sombras */
  --sombra-card:   0 1px 4px rgba(0,0,0,0.04);
  --sombra-modal:  0 24px 60px rgba(0,0,0,0.18);
  --sombra-hover:  0 6px 20px rgba(0,0,0,0.1);
  --sombra-drop:   0 8px 32px rgba(0,0,0,0.11);

  /* Topbar */
  --topbar-height: 58px;

  /* Transições */
  --trans-rapida:  0.15s ease;
  --trans-media:   0.2s ease;
  --trans-lenta:   0.3s cubic-bezier(0.25,0.46,0.45,0.94);
}