/* ============================================================
   CANTIERI — Design Tokens · "Mesa de Corte"
   Fonte única de verdade da identidade visual.
   Linguagem: atelier técnico — escuro quente, papel de modelagem,
   um único acento laranja. Qualquer app/módulo consome SÓ isto.
============================================================ */
:root{
  /* --- Marca (paleta Cantieri) --- */
  --accent:#ff6b2b;          /* laranja — ação, aba ativa, sliders, acentos */
  --accent-2:#ff8551;        /* laranja claro (hover/realce) */
  --ink:#141414;             /* base escura */
  --cream:#f0ede6;           /* creme / texto claro */

  /* --- Escala técnica derivada (superfícies escuras, tinta quente) --- */
  --bg:#0d0d0c;
  --surface:#151514;
  --surface-2:#1c1c1a;
  --surface-3:#232320;
  --line:#2d2d2a;
  --line-soft:#242422;

  /* --- Texto --- */
  --text:#f0ede6;
  --text-dim:#9d9a91;
  --text-faint:#6b675f;

  /* --- Acentos translúcidos --- */
  --accent-soft:rgba(255,107,43,0.13);
  --accent-line:rgba(255,107,43,0.42);
  --accent-glow:rgba(255,107,43,0.07);

  /* --- Status / feedback --- */
  --ok:#5fb878;              /* verde — sem defeitos, sucesso */
  --info:#5096ff;            /* azul — furos no verificador, info */
  --warn:#ff6b2b;            /* reaproveita o accent para alerta */

  /* --- Tipografia --- */
  --display:'Space Grotesk',var(--sans);              /* títulos/números de impacto */
  --sans:'Archivo',-apple-system,system-ui,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono','SF Mono','IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;

  /* --- Raios (escala única: interno menor, container maior) --- */
  --r:14px;                  /* raio padrão de cards/painéis */
  --r-sm:9px;                /* raio de botões/inputs */

  /* --- Sombras (tintadas na tinta quente da marca, nunca preto puro) --- */
  --shadow-card:0 1px 0 rgba(240,237,230,.03) inset, 0 10px 30px -12px rgba(10,8,5,.55);
  --shadow-pop:0 1px 0 rgba(240,237,230,.05) inset, 0 24px 60px -18px rgba(10,8,5,.75);
  --shadow-accent:0 8px 28px -10px rgba(255,107,43,.45);

  /* --- Movimento --- */
  --ease:cubic-bezier(.16,1,.3,1);
  --dur:.22s;

  /* --- Papel de modelagem (grid técnico de fundo, bem sutil) --- */
  --grid-line:rgba(240,237,230,.024);
  --grid-size:28px;

  /* --- Camadas (z-index sistêmico; não inventar valores fora daqui) --- */
  --z-sticky:10;
  --z-overlay:100;
  --z-modal:1000;
  --z-toast:1100;
  --z-grain:1200;
}