/**
 * Tema v2 — paleta claro/escuro UtilsBR (app, debug, protótipos v2).
 * Fonte canônica: utils-kernel/assets/design-system/tokens-v2.css
 * Sites v2: importar este arquivo (ou espelho em public/app/css/tokens.css).
 */
:root {
  --brand-primary: #663399;
  --brand-secondary: #ff9933;
  --bg-app: #eef2f7;
  --bg-surface: #ffffff;
  --text: #1a1a2e;
  --text-muted: #5c6370;
  --text-primary: #1a1a2e;
  --text-secondary: #5c6370;
  --text-on-brand: #ffffff;
  --border: #d8dee9;
  --hover-tint: rgba(102, 51, 153, 0.08);
  --logo-utils: #ffffff;
  --logo-br: #ff9933;
  --logo-outline: #663399;
  --wm-utils: var(--logo-utils);
  --wm-br: var(--logo-br);
  --radius: 10px;
  --font: "Segoe UI", system-ui, Tahoma, sans-serif;
  --scrollbar-size: 10px;
  --scrollbar-track: color-mix(in srgb, var(--brand-primary) 10%, var(--bg-app));
  --scrollbar-thumb: var(--brand-secondary);
  --scrollbar-thumb-hover: color-mix(in srgb, var(--brand-secondary) 75%, #ffffff);
}

[data-theme="dark"] {
  --brand-primary: #ff9933;
  --brand-secondary: #ffb366;
  --bg-app: #2e323a;
  --bg-surface: #383d47;
  --text: #f0f2f5;
  --text-muted: #b4bac4;
  --text-primary: #f0f2f5;
  --text-secondary: #b4bac4;
  --text-on-brand: #fffaf5;
  --border: #4a5060;
  --hover-tint: rgba(255, 153, 51, 0.1);
  --logo-utils: #ffffff;
  --logo-br: #ff9933;
  --logo-outline: #663399;
  --wm-utils: var(--logo-utils);
  --wm-br: var(--logo-br);
  --scrollbar-track: color-mix(in srgb, var(--brand-primary) 14%, var(--bg-surface));
  --scrollbar-thumb: var(--brand-primary);
  --scrollbar-thumb-hover: var(--brand-secondary);
}

/* Scrollbar — páginas v2 fora do workspace (login, NF-e, etc.) */
html {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

html::-webkit-scrollbar {
  width: var(--scrollbar-size);
  height: var(--scrollbar-size);
}

html::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
}

html::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: 6px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

html::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover);
}

html::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}

/* Neutralize UA :visited purple — keep theme link color (kernel link-reset.css) */
a:link,
a:visited {
  color: inherit;
  text-decoration: none;
}