/* ============================================================================
   AiRepresenta · Design Tokens (marca do produto, distinta do skin CLBF)
   ----------------------------------------------------------------------------
   Ponto único de verdade para cor e tipografia da landing page comercial.
   Namespace --ar- em TODAS as camadas — nunca reaproveitar os prefixos do
   skin de tenant da CLBF (frontend/src/styles/clbf-tokens.css: grafite,
   prata, marca de tenant) — a identidade da AiRepresenta precisa ser
   distinta de fato, não distinta de rótulo — IDENT-01.

   Arquitetura em 3 camadas (mesma convenção do clbf-tokens.css):
     1. Primitivos   -> a paleta crua (escala escura + escala âmbar). Fixos.
     2. Semanticos   -> aliases que o site consome (--ar-bg, --ar-text...).
     3. Marca        -> acento, texto sobre acento e os dois tokens do
                        wordmark (D-03).

   Paleta âmbar, dark-first (D-01 REVISADA 2026-08-20) — o oposto do prata
   monocromático da CLBF. A tentativa original (azul) foi rejeitada pelo
   Reis; a direção "1c — Âmbar comercial" foi escolhida entre 4 explorações
   comparáveis produzidas no Claude Design (handoff
   `AiRepresenta Identidade.dc.html`) — ver nota de revisão em
   `.planning/phases/133-identcont-identidade-visual-conte-do/133-CONTEXT.md`
   junto a D-01. Todo par texto/fundo abaixo foi validado por
   landing/design/check-contrast.mjs (fórmula WCAG de luminância relativa,
   não estimado a olho).
   ============================================================================ */

:root {
  /* --- 1. PRIMITIVOS: escala neutra escura (fundo/superficie/borda/texto) - */
  --ar-ink-950: #100D08;  /* fundo da pagina                */
  --ar-ink-900: #13100A;  /* fundo sutil / faixas           */
  --ar-ink-800: #1A150E;  /* superficie (cards)             */
  --ar-ink-700: #302818;  /* borda padrao                   */
  --ar-ink-400: #ADA294;  /* texto muted                    */
  --ar-ink-100: #F6F1E7;  /* texto primario                 */

  /* --- 1. PRIMITIVOS: escala de acento ambar ----------------------------- */
  --ar-amber-700: #996F27;  /* ambar profundo (reserva)      */
  --ar-amber-500: #E9A93C;  /* acento primario                */
  --ar-amber-300: #FFC163;  /* acento vivo / hover / link      */

  /* --- 2. SEMANTICOS ------------------------------------------------------ */
  --ar-bg:          var(--ar-ink-950);
  --ar-surface:     var(--ar-ink-800);
  --ar-border:      var(--ar-ink-700);
  --ar-text:        var(--ar-ink-100);
  --ar-text-muted:  var(--ar-ink-400);

  /* --- 3. MARCA ------------------------------------------------------------ */
  --ar-accent:         var(--ar-amber-500);
  --ar-accent-bright:  var(--ar-amber-300);
  --ar-on-accent:      #241703;

  /* Wordmark "AiRepresenta" (D-03): o prefixo "Ai" ganha tratamento proprio */
  --ar-wordmark-accent: var(--ar-amber-500);  /* cor do "Ai" em destaque      */
  --ar-wordmark-base:   var(--ar-ink-100);    /* cor do restante do nome      */

  /* --- TIPOGRAFIA (D-02): mesma pilha dos relatorios executivos internos - */
  --ar-font-sans: 'Inter', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}