/* =====================================================================
   AIOX Cockpit · tokens de design · v0.2 · 20/10/2026
   Fonte única: toda página do Cockpit importa este arquivo.
   Origem de cada valor:
     [decisão Ximenes] decidido pelo Ximenes na sessão /coproducao W1
     [aiox]     Brandbook AIOX, tema Lime "Dark Cockpit Edition"
     [app]      Guia da marca AIOX Cockpit, tirado do código do app
     [proposta] escolha a aprovar (nenhuma aberta na v0.2)
   ===================================================================== */
:root{
  /* ---------- cor: marca ---------- */
  --lima:#D1FF00;                 /* [aiox] Kinetic Limon, RGB 209,255,0 */
  --lima-rgb:209,255,0;
  --lima-02:rgba(209,255,0,.02); --lima-04:rgba(209,255,0,.04); --lima-06:rgba(209,255,0,.06);
  --lima-08:rgba(209,255,0,.08); --lima-10:rgba(209,255,0,.10); --lima-15:rgba(209,255,0,.15);
  --lima-20:rgba(209,255,0,.20); --lima-25:rgba(209,255,0,.25); --lima-40:rgba(209,255,0,.40);
  --lima-50:rgba(209,255,0,.50); --lima-75:rgba(209,255,0,.75);

  /* ---------- cor: fundo e superfícies ---------- */
  --fundo:#050505;                /* [aiox] canvas */
  --vazio:#000000;                /* [aiox] void, para mídia e logo "on black" */
  --superficie:#0F0F11;           /* [aiox] cartões, barras */
  --superficie-painel:#111113;    /* [aiox] laterais, gavetas */
  --superficie-funda:#0A0A0C;     /* [aiox] áreas rebaixadas */
  --superficie-alt:#1C1E19;       /* [aiox] blocos aninhados */
  --superficie-console:#12130F;   /* [aiox] terminal */
  --superficie-hover:#151518;     /* [aiox] */
  --vidro:rgba(15,15,17,.62);     /* [decisão Ximenes] cartão de vidro (ideia do Figma) sobre o fundo animado */
  --vidro-blur:10px;              /* [aiox] glass-blur */

  /* ---------- cor: texto ---------- */
  --texto:#F4F4E8;                /* [aiox] cream, texto principal e títulos */
  --texto-max:#FFFFED;            /* [aiox] warm white, logo e contraste máximo */
  --texto-2:rgba(244,244,232,.70);/* [aiox] secundário, corpo apagado */
  --texto-3:rgba(244,244,232,.55);/* [aiox] terciário */
  --texto-meta:#9C9C9C;           /* [aiox] contadores, rótulos técnicos (7:1 na superfície) */
  --texto-fraco:rgba(244,244,232,.40); /* [aiox] dim: só rótulo grande ou decorativo */
  --texto-na-lima:#050505;        /* [aiox] texto sobre a lima */

  /* ---------- cor: bordas ---------- */
  --borda:rgba(156,156,156,.15);  /* [aiox] padrão */
  --borda-suave:rgba(156,156,156,.10);
  --borda-forte:rgba(156,156,156,.25);
  --borda-hover:rgba(156,156,156,.24);
  --borda-campo:rgba(156,156,156,.20);
  --borda-lima:rgba(209,255,0,.35); /* [decisão Ximenes] borda acesa */
  --grade:rgba(244,244,232,.035);   /* [decisão Ximenes] linha do quadriculado */

  /* ---------- cor: estados e produto ---------- */
  --ok:#5CCB6A;       /* [app] sessão viva, sucesso */
  --atencao:#FFCC33;  /* [app] aviso */
  --erro:#FF5C5C;     /* [app] erro, ação destrutiva */
  --info:#5C9CFF;     /* [app] aviso informativo */
  --companion:#4FC3F7;/* [app] Companion Mode */
  --claude:#D97757;   /* [app] identidade do motor Claude */

  /* ---------- tipografia ---------- */
  --fonte-display:"TASA Orbiter",system-ui,sans-serif;  /* [decisão Ximenes] títulos em caixa alta */
  --fonte-texto:"TASA Orbiter",system-ui,sans-serif;    /* [decisão Ximenes] corpo, como na v0.4 (o AIOX usa Geist) */
  --fonte-mono:"JetBrains Mono",ui-monospace,monospace; /* [decisão Ximenes] a mesma do app e da assinatura COCKPIT */
  --t-display:clamp(44px,7vw,96px);
  --t-h1:clamp(36px,5.2vw,72px);
  --t-h2:clamp(30px,4.2vw,56px);
  --t-h3:clamp(22px,2.2vw,28px);
  --t-h4:20px;
  --t-lead:clamp(17px,1.5vw,19px);
  --t-corpo:17px;                 /* [aiox] piso do corpo é 16px */
  --t-pequeno:14px;
  --t-rotulo:12px;                /* [aiox] nunca abaixo de 12px */
  --peso-display:800; --peso-titulo:700; --peso-forte:600; --peso-corpo:500; --peso-leve:400;
  --entrelinha-display:1.02; --entrelinha-titulo:1.1; --entrelinha-corpo:1.6;
  --tracking-display:-.04em;      /* [decisão Ximenes] */
  --tracking-rotulo:.2em;         /* [decisão Ximenes] */

  /* ---------- espaço e layout ---------- */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px; --s10:128px; /* [decisão Ximenes] base 4 */
  --celula:64px;                  /* [decisão Ximenes] quadriculado e coluna do canelado */
  --largura:1200px;               /* [decisão Ximenes] conteúdo (o AIOX usa 1400px) */
  --margem:16px;                  /* celular */
  --margem-desk:40px;
  --secao:clamp(72px,10vw,112px); /* respiro entre seções */
  --bp-tablet:720px; --bp-desk:960px; --bp-largo:1200px;

  /* ---------- forma ---------- */
  --raio:0;                       /* [decisão Ximenes] canto reto em tudo */
  --raio-marcador:50%;            /* só bolinhas de status e marcadores */
  --linha:1px;

  /* ---------- brilho e elevação ---------- */
  --brilho-suave:0 0 10px 1px var(--lima-10);                   /* [aiox] */
  --brilho:0 0 10px 1px var(--lima-25);                         /* [aiox] */
  --brilho-neon:0 0 20px var(--lima-25),0 0 60px var(--lima-10);/* [aiox] */
  --brilho-neon-forte:0 0 20px var(--lima-25),0 0 60px var(--lima-25);
  --sombra-elevada:0 4px 24px rgba(0,0,0,.3);                   /* [aiox] */
  --sombra-cta:0 14px 32px rgba(209,255,0,.16);                 /* [aiox] */
  --camada-base:0; --camada-elevada:1; --camada-fixa:10; --camada-nav:100;
  --camada-menu:200; --camada-overlay:300; --camada-modal:400; --camada-toast:500;

  /* ---------- movimento ---------- */
  --dur-rapida:.2s; --dur-media:.4s; --dur-lenta:.7s;           /* [aiox] */
  --curva-suave:cubic-bezier(.25,.1,.25,1);
  --curva-desacelera:cubic-bezier(0,0,.2,1);
  --curva-expo:cubic-bezier(.16,1,.3,1);
  --curva-mola:cubic-bezier(.34,1.56,.64,1);

  /* ---------- foco ---------- */
  --foco:2px solid var(--lima);   /* [aiox] + 3px de afastamento e brilho de 6px */
}