/* Tokens do projeto. Única casa da cor da marca: o hex nunca aparece em template. */
:root {
  /* Marca Soropel (azul #0E4FAA e verde das engrenagens, de soropel.com.br) */
  --accent: #0E4FAA;
  --accent-hover: #0C4390;
  --accent-escura: #0A3674;
  --accent-suave: #E8EEF8;
  --accent-soft: rgba(14, 79, 170, 0.08);
  --accent-sombra: rgba(14, 79, 170, 0.14);
  --accent-texto: #0E4FAA;
  --accent-texto-sobre: #FFFFFF;
  --marca-verde: #4CAE4F;
  --marca-verde-texto: #276B2B;

  /* Superfícies e texto: tema claro (neutros azulados do site) */
  --bg: #f6f7f9;
  --bg-elev: #ffffff;
  --surface: #ffffff;
  --surface-2: #f1f4f8;
  --border: #e3e8ef;
  --text: #132639;
  --text-dim: #5B6B7D;

  --success: #2e7d32;
  --danger: #c62828;
  --warning: #b45309;
  --success-soft: rgba(46, 125, 50, 0.10);
  --danger-soft: rgba(198, 40, 40, 0.10);
  --warning-soft: rgba(180, 83, 9, 0.10);
  --warning-texto: #97460A;
  --danger-texto: #C62828;

  /* Tipografia */
  --font: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Plus Jakarta Sans", "Inter", sans-serif;
  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 15px;
  --fs-lg: 16px; --fs-xl: 20px; --fs-2xl: 26px;

  /* Espaço, raio, sombra */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px;
  --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;
  --raio-6: 6px; --raio-8: 8px; --raio-12: 12px; --raio-18: 18px;
  --radius: var(--raio-12); --radius-sm: var(--raio-6); --radius-lg: var(--raio-18);
  --fs-2xs: 11px;
  --shadow-sm: 0 1px 2px rgba(19, 38, 57, 0.05);
  --shadow-md: 0 4px 12px rgba(19, 38, 57, 0.08), 0 1px 2px rgba(19, 38, 57, 0.04);
  --shadow-lg: 0 16px 40px rgba(19, 38, 57, 0.14), 0 2px 6px rgba(19, 38, 57, 0.06);
  --shadow: var(--shadow-lg);

  /* Movimento: curto e discreto; zera com prefers-reduced-motion (base.css) */
  --dur-1: 120ms; --dur-2: 200ms;
  --ease: cubic-bezier(.2, .8, .2, 1);

  /* Status semântico (selos) */
  --info: var(--accent-texto);
  --info-soft: var(--accent-soft);
  --neutro: var(--text-dim);

  /* Casca */
  --sidebar-width: 248px;
  --sidebar-min: 200px;
  --sidebar-max: 480px;
  --topbar-h: 58px;
  --controle-h: 40px;
  --controle-h-sm: 32px;
  --linha-h: 48px;
  --linha-h-densa: 36px;

  color-scheme: light;
}

:root[data-theme="dark"] {
  --accent: #4D97FF;
  --accent-hover: #6AA6FF;
  --accent-escura: #2F7BE8;
  --accent-suave: rgba(77, 151, 255, 0.14);
  --accent-soft: rgba(77, 151, 255, 0.12);
  --accent-sombra: rgba(77, 151, 255, 0.18);
  --accent-texto: #6AA6FF;
  --accent-texto-sobre: #0B1220;
  --marca-verde-texto: #66CC69;

  --bg: #0b1220;
  --bg-elev: #0f1828;
  --surface: #111b2c;
  --surface-2: #172338;
  --border: #1f2c42;
  --text: #e6ebf2;
  --text-dim: #93a1b4;

  --success: #2ecc71;
  --danger: #f05a4a;
  --warning: #f1c40f;

  --success-soft: rgba(46, 204, 113, 0.14);
  --danger-soft: rgba(240, 90, 74, 0.14);
  --warning-soft: rgba(241, 196, 15, 0.14);
  --warning-texto: #f1c40f;
  --danger-texto: #FF7B6E;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.40);
  --shadow-lg: 0 18px 44px rgba(0, 0, 0, 0.55);

  color-scheme: dark;
}