/* ==========================================================================
   BOSIA Discovery — Design System (Midnight Blue)
   Fundação visual reutilizada na construção do produto. Não descartável.
   ========================================================================== */

/* 1. Tokens primitivos da paleta */
: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;

  /* 2. Tokens de apoio (escala, elevação, tipografia) */
  --bosia-serif: "Iowan Old Style", "Palatino Linotype", "Palatino", Georgia, serif;
  --bosia-surface: var(--bosia-panel);
  --bosia-surface-2: var(--bosia-bg-2);
  --bosia-panel-2: #162033;
  --bosia-line-soft: #1b2740;
  --bosia-ink-2: #c4d2ee;
  --bosia-muted-2: #7d8fb5;
  --bosia-accent-2: #f0b45c;
  --bosia-brand-deep: #2f6ad6;
  --bosia-brand-tint: rgba(79, 140, 255, .14);
  --bosia-brass-tint: rgba(240, 180, 92, .14);
  --bosia-danger-tint: rgba(255, 92, 102, .13);
  --bosia-warn-tint: rgba(255, 182, 72, .14);
  --bosia-info: #59c2e8;
  --bosia-info-tint: rgba(89, 194, 232, .13);
  --bosia-ok-tint: rgba(47, 212, 110, .13);
  --bosia-space-1: 4px;
  --bosia-space-2: 8px;
  --bosia-space-3: 12px;
  --bosia-space-4: 16px;
  --bosia-space-5: 24px;
  --bosia-space-6: 32px;
  --bosia-space-7: 48px;
  --bosia-shadow-1: 0 1px 2px rgba(3, 7, 18, .35);
  --bosia-shadow-2: 0 12px 32px rgba(3, 7, 18, .35);
  --bosia-max: 1480px;
  --bosia-sidebar: 248px;
  --bosia-topbar: 64px;
}

/* 3. Aliases consumidos pelos componentes (mantidos na construção) */
:root {
  --bg: var(--bosia-bg);
  --bg-2: var(--bosia-bg-2);
  --surface: var(--bosia-surface);
  --surface-2: var(--bosia-surface-2);
  --panel: var(--bosia-panel-2);
  --ink: var(--bosia-text);
  --ink-2: var(--bosia-ink-2);
  --muted: var(--bosia-muted);
  --muted-2: var(--bosia-muted-2);
  --line: var(--bosia-border);
  --line-soft: var(--bosia-line-soft);
  --line-strong: var(--bosia-border-2);
  --brand: var(--bosia-accent);
  --brand-2: var(--bosia-accent);
  --brand-3: var(--bosia-info);
  --brand-deep: var(--bosia-brand-deep);
  --brand-tint: var(--bosia-brand-tint);
  --brass: var(--bosia-accent-2);
  --brass-tint: var(--bosia-brass-tint);
  --danger: var(--bosia-fail);
  --danger-tint: var(--bosia-danger-tint);
  --warn: var(--bosia-warn);
  --warn-tint: var(--bosia-warn-tint);
  --ok: var(--bosia-ok);
  --ok-tint: var(--bosia-ok-tint);
  --info: var(--bosia-info);
  --info-tint: var(--bosia-info-tint);
  --c1: var(--bosia-accent);
  --c2: var(--bosia-accent-2);
  --c3: var(--bosia-ok);
  --c4: var(--bosia-warn);
  --c5: var(--bosia-muted);
  --c6: var(--bosia-border-2);
  --radius-sm: calc(var(--bosia-radius) * .6);
  --radius: var(--bosia-radius);
  --radius-lg: calc(var(--bosia-radius) * 1.4);
  --sans: var(--bosia-font);
  --serif: var(--bosia-serif);
  --shadow-1: var(--bosia-shadow-1);
  --shadow-2: var(--bosia-shadow-2);
  --max: var(--bosia-max);
}