/* =====================================================================
   ORBITAL · tokens.css  —  O ARQUIVO PARA PERSONALIZAR O VISUAL
   Mexa só aqui: cores, fonte, raios, larguras, espaçamentos.
   (Não precisa recompilar nada — é carregado direto pelo layout.)
   ===================================================================== */

:root{
  /* Tipografia */
  --o-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --o-font-size: .92rem;

  /* Medidas do layout */
  --o-sidebar-w: 268px;      /* largura da barra lateral */
  --o-rail-w: 84px;          /* largura da barra lateral recolhida */
  --o-gap: 16px;             /* respiro entre a barra lateral e a borda da tela */
  --o-content-max: 1320px;   /* largura máxima do conteúdo */
  --o-topbar-h: 68px;

  /* Bordas suaves */
  --o-radius: 22px;          /* cards, barra lateral */
  --o-radius-md: 16px;       /* blocos internos */
  --o-radius-sm: 12px;       /* botões, inputs */

  /* Espaços e efeitos */
  --o-pad: 1.25rem;          /* padding interno dos cards */
  --o-row: .85rem;           /* padding das linhas de tabela */
  --o-blur: 20px;            /* desfoque do vidro */
  --o-speed: .22s;
  --o-ease: cubic-bezier(.2,.8,.2,1);

  /* Cores de status */
  --o-ok: #22c55e;  --o-warn: #f59e0b;  --o-bad: #ef4444;  --o-info: #38bdf8;

  /* Bolinhas do seletor de cor de destaque */
  --o-sw-violet:#7c5cff; --o-sw-cyan:#06b6d4; --o-sw-emerald:#10b981;
  --o-sw-amber:#f59e0b;  --o-sw-rose:#f43f5e; --o-sw-blue:#3b82f6;
}

/* ---------- MODO ESCURO ---------- */
:root[data-mode="dark"]{
  --o-bg:#070913;  --o-solid:#0f1326;
  --o-surface:rgba(255,255,255,.045);  --o-surface-2:rgba(255,255,255,.075);
  --o-line:rgba(255,255,255,.09);
  --o-text:#eef0ff;  --o-muted:#9aa2c6;
  --o-shadow:0 18px 50px rgba(0,0,0,.42);
  --o-ring:.22;            /* intensidade das órbitas do fundo */
  --o-scheme:dark;
}
/* ---------- MODO CLARO ---------- */
:root[data-mode="light"]{
  --o-bg:#f2f3fb;  --o-solid:#ffffff;
  --o-surface:rgba(255,255,255,.78);  --o-surface-2:rgba(24,28,70,.045);
  --o-line:rgba(24,28,70,.10);
  --o-text:#12142b;  --o-muted:#646a8c;
  --o-shadow:0 14px 40px rgba(40,44,100,.10);
  --o-ring:.16;
  --o-scheme:light;
}

/* ---------- CORES DE DESTAQUE (accent = principal, accent-2 = degradê) ---------- */
:root[data-accent="violet"]  {--o-accent:#7c5cff; --o-accent-2:#22d3ee}
:root[data-accent="cyan"]    {--o-accent:#06b6d4; --o-accent-2:#7c5cff}
:root[data-accent="emerald"] {--o-accent:#10b981; --o-accent-2:#84cc16}
:root[data-accent="amber"]   {--o-accent:#f59e0b; --o-accent-2:#ef4444}
:root[data-accent="rose"]    {--o-accent:#f43f5e; --o-accent-2:#f59e0b}
:root[data-accent="blue"]    {--o-accent:#3b82f6; --o-accent-2:#22d3ee}

/* ---------- DENSIDADE ---------- */
:root[data-density="compact"]{
  --o-pad:.9rem; --o-row:.5rem; --o-gap:12px;
  --o-radius:18px; --o-radius-md:13px; --o-radius-sm:10px; --o-topbar-h:60px;
}