/* ==========================================================================
   BOSIA Discovery — Tema (tokens da paleta + aliases de compatibilidade)
   Paleta: Ocean Light · Layout: sidebar-editorial
   Este arquivo é carregado DEPOIS do design system (public/style.css).
   ========================================================================== */
:root {
  --bosia-bg: #f1f7fb;
  --bosia-bg-2: #e4eef7;
  --bosia-panel: #ffffff;
  --bosia-border: #cfe0ee;
  --bosia-border-2: #b7cddf;
  --bosia-text: #0f2433;
  --bosia-muted: #567084;
  --bosia-accent: #0e7bb8;
  --bosia-ok: #157f4b;
  --bosia-fail: #b42318;
  --bosia-warn: #8a5a00;
  --bosia-radius: 8px;
  --bosia-font: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
  --bosia-serif: "Iowan Old Style", "Palatino Linotype", Georgia, serif;

  /* aliases consumidos pelo design system */
  --bg: var(--bosia-bg) !important;
  --bg-2: var(--bosia-bg-2) !important;
  --surface: var(--bosia-panel) !important;
  --surface-2: var(--bosia-bg-2) !important;
  --panel: var(--bosia-panel) !important;
  --ink: var(--bosia-text) !important;
  --ink-2: var(--bosia-text) !important;
  --muted: var(--bosia-muted) !important;
  --muted-2: var(--bosia-muted) !important;
  --line: var(--bosia-border) !important;
  --line-soft: color-mix(in srgb, var(--bosia-border) 55%, #fff) !important;
  --line-strong: var(--bosia-border-2) !important;
  --brand: var(--bosia-accent) !important;
  --brand-2: color-mix(in srgb, var(--bosia-accent) 78%, #fff) !important;
  --brand-3: color-mix(in srgb, var(--bosia-accent) 55%, #fff) !important;
  --brand-deep: color-mix(in srgb, var(--bosia-accent) 78%, #062033) !important;
  --brand-tint: color-mix(in srgb, var(--bosia-accent) 12%, #fff) !important;
  --brass: var(--bosia-warn) !important;
  --brass-tint: color-mix(in srgb, var(--bosia-warn) 12%, #fff) !important;
  --danger: var(--bosia-fail) !important;
  --danger-tint: color-mix(in srgb, var(--bosia-fail) 10%, #fff) !important;
  --warn: var(--bosia-warn) !important;
  --warn-tint: color-mix(in srgb, var(--bosia-warn) 12%, #fff) !important;
  --ok: var(--bosia-ok) !important;
  --ok-tint: color-mix(in srgb, var(--bosia-ok) 12%, #fff) !important;
  --info: var(--bosia-accent) !important;
  --info-tint: color-mix(in srgb, var(--bosia-accent) 12%, #fff) !important;
  --c1: var(--bosia-accent) !important;
  --c2: #6a8f4e !important;
  --c3: var(--bosia-ok) !important;
  --c4: #a9843f !important;
  --c5: var(--bosia-muted) !important;
  --c6: var(--bosia-border-2) !important;
  --radius-sm: calc(var(--bosia-radius) * .75) !important;
  --radius: var(--bosia-radius) !important;
  --radius-lg: calc(var(--bosia-radius) * 1.5) !important;
  --radius-xl: calc(var(--bosia-radius) * 2) !important;
  --sans: var(--bosia-font) !important;
  --serif: var(--bosia-serif) !important;
}