/* ═══════════════════════════════════════════════════════════
   NEXUS AI ECOSYSTEM — design-tokens.css
   P-12: Identidade visual compartilhada entre os 3 produtos.

   USO:
   Cada produto importa este arquivo e sobrescreve apenas:
     --accent, --accent-h, --accent-warm (cor de destaque)

   NEXUS AI:    --accent #5B8DEF (azul)     — tecnologico, fluido
   REFINARIA:   --accent #E8974B (ambar)    — focado, direto
   AETHER OS:   --accent #3DD68C (verde)    — operacional, preciso
═══════════════════════════════════════════════════════════ */

/* ── Base tokens (compartilhados) ─────────────────────────── */
:root {
  /* Fundos */
  --bg-void:     #05060A;
  --bg-base:     #0B0D14;
  --bg-surface:  #111420;
  --bg-elevated: #181C2C;
  --bg-glass:    rgba(17,20,32,.90);
  --bg-input:    #0E1019;

  /* Acento base (sobrescrever por produto) */
  --accent:      #5B8DEF;
  --accent-h:    #7AA3F5;
  --accent-warm: #E8974B;
  --accent-g1:   rgba(91,141,239,.10);
  --accent-g2:   rgba(91,141,239,.22);

  /* Semanticos */
  --ok:   #3DD68C;
  --warn: #F5C95E;
  --err:  #F06579;

  /* Texto */
  --tx-1: #EDF0F7;
  --tx-2: #8892A4;
  --tx-3: #4A5468;

  /* Bordas */
  --bd:   rgba(255,255,255,.055);
  --bd-m: rgba(255,255,255,.10);
  --bd-a: rgba(91,141,239,.35);

  /* Sombras */
  --sh-sm: 0 2px 8px rgba(0,0,0,.30);
  --sh-md: 0 8px 32px rgba(0,0,0,.42);
  --sh-lg: 0 24px 64px rgba(0,0,0,.55);
  --sh-ac: 0 0 28px rgba(91,141,239,.22);

  /* Layout */
  --sidebar-w: 272px;
  --header-h:  60px;
  --chat-max:  760px;
  --input-max: 800px;

  /* Radii — sistema 8px */
  --r-s:  8px;
  --r-m:  12px;
  --r-l:  18px;
  --r-xl: 24px;
  --r-f:  9999px;

  /* Tipografia */
  --ff-d: 'Syne', sans-serif;
  --ff-b: 'Figtree', sans-serif;
  --ff-m: 'JetBrains Mono', monospace;

  /* Animacoes */
  --t:  .18s cubic-bezier(.4,0,.2,1);
  --ts: .36s cubic-bezier(.4,0,.2,1);
  --tk: cubic-bezier(.34,1.56,.64,1);

  /* Safe area (iOS) */
  --sat: env(safe-area-inset-top, 0px);
  --sab: env(safe-area-inset-bottom, 0px);
  --sal: env(safe-area-inset-left, 0px);
  --sar: env(safe-area-inset-right, 0px);
}

/* ── Tema claro (compartilhado) ───────────────────────────── */
[data-theme="light"] {
  --bg-void:     #F0F3FA;
  --bg-base:     #FFFFFF;
  --bg-surface:  #F4F6FC;
  --bg-elevated: #E8ECF7;
  --bg-glass:    rgba(255,255,255,.94);
  --bg-input:    #F8FAFF;

  --accent:      #3B6FD4;
  --accent-h:    #2A5CC0;
  --accent-warm: #C4742A;
  --accent-g1:   rgba(59,111,212,.09);
  --accent-g2:   rgba(59,111,212,.18);

  --ok:  #1E9E64;
  --err: #D0384A;

  --tx-1: #0D1117;
  --tx-2: #374151;
  --tx-3: #94A3B8;

  --bd:   rgba(0,0,0,.07);
  --bd-m: rgba(0,0,0,.13);
  --bd-a: rgba(59,111,212,.32);

  --sh-sm: 0 2px 8px rgba(0,0,0,.08);
  --sh-md: 0 8px 32px rgba(0,0,0,.12);
  --sh-lg: 0 24px 64px rgba(0,0,0,.18);
  --sh-ac: 0 0 24px rgba(59,111,212,.18);
}

/* ── Overrides por produto ────────────────────────────────── */

/* NEXUS AI (azul — padrao, nenhum override necessario) */
/* .nexus-ai { --accent: #5B8DEF; --accent-h: #7AA3F5; } */

/* REFINARIA DE INTENCOES (ambar) */
.refinaria,
[data-product="refinaria"] {
  --accent:      #E8974B;
  --accent-h:    #F0A85C;
  --accent-warm: #5B8DEF;
  --accent-g1:   rgba(232,151,75,.10);
  --accent-g2:   rgba(232,151,75,.22);
  --bd-a:        rgba(232,151,75,.35);
  --sh-ac:       0 0 28px rgba(232,151,75,.22);
}

/* AETHER OS (verde) */
.aether-os,
[data-product="aether"] {
  --accent:      #3DD68C;
  --accent-h:    #52E09E;
  --accent-warm: #E8974B;
  --accent-g1:   rgba(61,214,140,.10);
  --accent-g2:   rgba(61,214,140,.22);
  --bd-a:        rgba(61,214,140,.35);
  --sh-ac:       0 0 28px rgba(61,214,140,.22);
}