/*
 * Roll Center Theme — inspirado em https://gruporollcenter.com.br/
 * Azul institucional para ações | Laranja só como destaque | Textos com alto contraste
 */
:root {
  /* Azul Roll Center #046bd2 */
  --blue-1: 251 253 255;
  --blue-2: 240 245 250;
  --blue-3: 230 241 252;
  --blue-4: 210 230 250;
  --blue-5: 180 212 245;
  --blue-6: 130 185 235;
  --blue-7: 80 155 220;
  --blue-8: 40 130 215;
  --blue-9: 4 107 210;
  --blue-10: 4 92 180;
  --blue-11: 4 80 160;
  --blue-12: 11 50 101;

  /* Textos — slate do site */
  --slate-11: 51 65 85;
  --slate-12: 30 41 59;

  /* Fundos claros como o site */
  --background-color: 240 245 250;
  --surface-1: 255 255 255;
  --surface-2: 255 255 255;
  --surface-active: 255 255 255;
  --solid-blue: 210 230 250;
  --solid-blue-2: 240 245 250;
  --card-color: 255 255 255;
  --label-background: 240 245 250;

  /* Bordas suaves */
  --border-weak: 225 230 237;
  --border-strong: 209 213 219;
  --border-container: 225 230 237;
  --border-blue: 4, 107, 210, 0.45;
  --border-blue-strong: 4 80 160;

  /* Laranja da logo — apenas destaques */
  --amber-9: 255 99 14;
  --amber-10: 230 85 10;
  --amber-11: 180 65 8;
}

.dark {
  --blue-9: 60 140 230;
  --blue-10: 80 155 235;
  --blue-11: 130 185 245;
  --blue-12: 210 230 250;

  --background-color: 22 28 36;
  --surface-1: 30 41 59;
  --surface-2: 36 48 68;
  --surface-active: 51 65 85;
  --solid-blue: 15 57 102;
  --solid-blue-2: 22 28 36;
  --card-color: 30 41 59;

  --slate-11: 203 213 225;
  --slate-12: 241 245 249;

  --border-weak: 51 65 85;
  --border-strong: 71 85 105;
}

/* n-brand usa hex fixo no Tailwind — sobrescrever para azul Roll Center */
.text-n-brand,
.dark .text-n-brand {
  color: #046bd2 !important;
}

.bg-n-brand,
.dark .bg-n-brand {
  background-color: #046bd2 !important;
}

.border-n-brand,
.dark .border-n-brand {
  border-color: #046bd2 !important;
}

.outline-n-brand,
.dark .outline-n-brand {
  outline-color: #046bd2 !important;
}

.hover\:bg-n-brand:hover {
  background-color: #045cb4 !important;
}

/* Botões primários com texto branco */
button.bg-n-brand,
a.bg-n-brand {
  color: #ffffff !important;
}

/* Item ativo do menu — destaque sutil */
aside nav a.router-link-active.router-link-exact-active {
  background-color: rgb(4 107 210 / 0.08) !important;
  color: #046bd2 !important;
}

/* Tipografia legível */
body,
.text-n-slate-12 {
  color: #1e293b;
}

.text-n-slate-11 {
  color: #334155;
}