/* Tema do produto — Midnight Blue (sidebar + dados densos) */
:root {
  --bosia-bg: #0a0e17;
  --bosia-bg-2: #0e1420;
  --bosia-panel: #121a2a;
  --bosia-border: #22304a;
  --bosia-border-2: #2e3f5e;
  --bosia-text: #e8eefc;
  --bosia-muted: #8b9cc0;
  --bosia-accent: #4f8cff;
  --bosia-ok: #2fd46e;
  --bosia-fail: #ff5c66;
  --bosia-warn: #ffb648;
  --bosia-radius: 12px;
  --bosia-font: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
  --bg: var(--bosia-bg) !important;
  --bg-2: var(--bosia-bg-2) !important;
  --surface: var(--bosia-surface, var(--bosia-panel)) !important;
  --surface-2: var(--bosia-surface-2, var(--bosia-bg-2)) !important;
  --panel: var(--bosia-panel-2, var(--bosia-panel)) !important;
  --ink: var(--bosia-text) !important;
  --ink-2: var(--bosia-ink-2, var(--bosia-text)) !important;
  --muted: var(--bosia-muted) !important;
  --muted-2: var(--bosia-muted-2, var(--bosia-muted)) !important;
  --line: var(--bosia-border) !important;
  --line-soft: var(--bosia-line-soft, var(--bosia-border)) !important;
  --line-strong: var(--bosia-border-2) !important;
  --brand: var(--bosia-accent) !important;
  --brand-2: var(--bosia-brand-2, var(--bosia-accent)) !important;
  --brand-3: var(--bosia-brand-3, var(--bosia-accent)) !important;
  --brand-deep: var(--bosia-brand-deep, color-mix(in srgb, var(--bosia-accent) 82%, #000)) !important;
  --brand-tint: var(--bosia-brand-tint, color-mix(in srgb, var(--bosia-accent) 12%, #fff)) !important;
  --brass: var(--bosia-accent-2, var(--bosia-warn)) !important;
  --brass-tint: var(--bosia-brass-tint, color-mix(in srgb, var(--bosia-accent-2, var(--bosia-warn)) 14%, #fff)) !important;
  --danger: var(--bosia-fail) !important;
  --danger-tint: var(--bosia-danger-tint, color-mix(in srgb, var(--bosia-fail) 12%, #fff)) !important;
  --warn: var(--bosia-warn) !important;
  --warn-tint: var(--bosia-warn-tint, color-mix(in srgb, var(--bosia-warn) 14%, #fff)) !important;
  --info: var(--bosia-info, var(--bosia-accent)) !important;
  --info-tint: var(--bosia-info-tint, color-mix(in srgb, var(--bosia-info, var(--bosia-accent)) 12%, #fff)) !important;
  --c1: var(--bosia-c1, var(--bosia-accent)) !important;
  --c2: var(--bosia-c2, var(--bosia-accent-2, var(--bosia-warn))) !important;
  --c3: var(--bosia-c3, var(--bosia-ok)) !important;
  --c4: var(--bosia-c4, var(--bosia-warn)) !important;
  --c5: var(--bosia-c5, var(--bosia-muted)) !important;
  --c6: var(--bosia-c6, var(--bosia-border-2)) !important;
  --radius-sm: calc(var(--bosia-radius) * .6) !important;
  --radius: var(--bosia-radius) !important;
  --radius-lg: calc(var(--bosia-radius) * 1.4) !important;
  --radius-xl: calc(var(--bosia-radius) * 2) !important;
  --sans: var(--bosia-font) !important;
  --serif: var(--bosia-serif, Georgia, serif) !important;
}