/* Tema do produto — Slate Clean (topbar + split (lista/detalhe)) */
:root {
  --bosia-bg: #f3f6fa;
  --bosia-bg-2: #e8eef5;
  --bosia-panel: #ffffff;
  --bosia-border: #d5deea;
  --bosia-border-2: #c0cddd;
  --bosia-text: #17202b;
  --bosia-muted: #5d6b7b;
  --bosia-accent: #2f6feb;
  --bosia-accent-2: #a86a2b;
  --bosia-surface: #ffffff;
  --bosia-surface-2: #f7f9fc;
  --bosia-panel-2: #ffffff;
  --bosia-ink-2: #33414f;
  --bosia-muted-2: #7c8898;
  --bosia-line-soft: #e4eaf2;
  --bosia-ok: #1a7f4b;
  --bosia-fail: #b42318;
  --bosia-warn: #8a5a00;
  --bosia-radius: 6px;
  --bosia-font: Inter, "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;
  --ok: var(--bosia-ok) !important;
  --ok-tint: var(--bosia-ok-tint, color-mix(in srgb, var(--bosia-ok) 12%, #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;
  --bosia-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --bosia-sidebar: #0e1822;
  --bosia-sidebar-2: #142331;
  --bosia-sidebar-line: #233443;
  --bosia-sidebar-text: #c8d4e0;
  --bosia-sidebar-muted: #8394a5;
  --bosia-shadow-1: 0 1px 2px rgba(16, 30, 45, .06);
  --bosia-shadow-2: 0 6px 20px rgba(16, 30, 45, .09);
  --bosia-space: 8px;
}