/* 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;
}

/* Complementos de tokens da fundação (sidebar-editorial / midnight) */
:root {
  --bosia-panel-2: #172137;
  --bosia-panel-3: #1d2a44;
  --bosia-ink-2: #cdd9f2;
  --bosia-muted-2: #6f81a6;
  --bosia-accent-2: #8fb4ff;
  --bosia-accent-3: #7ab0ff;
  --bosia-serif: Georgia, "Times New Roman", serif;
  --bosia-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
  --bosia-maxw: 1480px;
  --motion: 160ms cubic-bezier(.2,.8,.2,1);
  --ring: 0 0 0 3px color-mix(in srgb, var(--bosia-accent) 45%, transparent);
  --shadow-1: 0 1px 2px rgba(0,0,0,.28);
  --shadow-2: 0 8px 24px rgba(0,0,0,.34);
  --shadow-3: 0 18px 48px rgba(0,0,0,.42);
  --fs-1: 12px; --fs-2: 14px; --fs-3: 16px; --fs-4: 19px; --fs-5: 24px; --fs-6: 32px;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;
}