/* Axxis Retail: tokens da marca (contrato entre site, manual e sistema).
   Derivados do logo oficial (A com setas de ciclo, ouro sobre preto).
   O saas-brand-director pode refinar VALORES; os NOMES sao fixos. */
:root{
  /* base */
  --ax-preto:#0E0E0E;        /* fundo escuro principal (igual ao icone) */
  --ax-preto-2:#161616;      /* cards no escuro */
  --ax-preto-3:#222222;      /* bordas e divisorias no escuro */
  --ax-marfim:#F4F1EA;       /* fundo claro (secoes alternadas) */
  --ax-marfim-2:#E9E4D8;     /* bordas no claro */
  --ax-branco:#FFFFFF;

  /* ouro (cor da marca e da acao) */
  --ax-ouro:#C9A24E;         /* 8,05:1 sobre o preto */
  --ax-ouro-claro:#E2C27A;   /* 11,24:1 sobre o preto */
  --ax-ouro-escuro:#8A6420;  /* texto dourado sobre marfim: 4,74:1 (branco 5,35:1) */
  --ax-ouro-grad:linear-gradient(135deg,#E2C27A 0%,#C9A24E 45%,#9C7430 100%);

  /* texto */
  --ax-texto-claro:#F4F1EA;
  --ax-texto-claro-2:#9A9A9A; /* 6,86:1 no preto */
  --ax-texto-escuro:#0E0E0E;
  --ax-texto-escuro-2:#5C5650;/* 6,42:1 no marfim */

  /* familia de produtos: cada modulo-produto tem sua cor sobre o mesmo sistema */
  --ax-pdv:#00C6E3;          /* Axxis PDV (icone ciano) */
  --ax-pdv-fundo:#031234;    /* ciano sobre azul-noite: 8,94:1 */

  /* estados (refinados 10-11 pelo saas-brand-director, contraste WCAG medido):
     texto AA no preto e icone/borda 3:1 no marfim. Texto de estado sobre
     marfim usa --ax-texto-escuro com o icone na cor do estado. */
  --ax-ok:#1E9463;      /* 5,03:1 no preto, 3,40:1 no marfim */
  --ax-alerta:#C2740F;  /* 5,33:1 no preto, 3,21:1 no marfim */
  --ax-erro:#E04A4A;    /* 4,82:1 no preto, 3,55:1 no marfim */

  /* tipografia */
  --ax-f-display:"Montserrat",system-ui,sans-serif;   /* titulos, mesmo desenho geometrico do logo */
  --ax-f-texto:"Inter",system-ui,sans-serif;
  --ax-f-rotulo:"Montserrat",system-ui,sans-serif;    /* rotulos em caixa alta com espacamento largo, como RETAIL no logo */

  /* forma */
  --ax-raio:14px; --ax-raio-lg:22px; --ax-raio-pilula:999px;

  /* movimento */
  --ax-dur-1:120ms; --ax-dur-2:240ms; --ax-dur-3:480ms;
  --ax-curva-entrada:cubic-bezier(.2,.7,.2,1);
}