/* mIA Crew: tokens de tema. Todos os ecrãs usam só estas variáveis.
   Direção escolhida pelo José a 06-11-2026 (11:50): C, "Campo, alto contraste" (data-tema="campo").
   Para outra direção, acrescenta um bloco [data-tema="nome"] e muda o atributo no <html> de index.html.
   Marca mIA v1: laranja #DA8743, cinzento #6A5C56, carvão #302B28. */
@font-face {
  font-family: "Archivo";
  src: url("/c/fontes/archivo.woff2") format("woff2");
  font-weight: 400 900;
  font-stretch: 62% 125%;
  font-display: swap;
}

:root,
[data-tema="campo"] {
  --cor-marca: #DA8743;          /* laranja: ação principal e urgente */
  --cor-marca-forte: #B8682A;
  --cor-marca-suave: #FBF1E8;
  --cor-cinza: #6A5C56;
  --cor-carvao: #302B28;

  --cor-fundo: #FFFFFF;
  --cor-fundo-fora: #F2EEEA;      /* atrás da coluna no ecrã largo */
  --cor-superficie: #FFFFFF;
  --cor-superficie-2: #F2EEEA;
  --cor-texto: #302B28;
  --cor-texto-2: #6A5C56;
  --cor-sobre-marca: #302B28;    /* texto em cima do laranja */
  --cor-linha: #302B28;          /* linhas grossas */
  --cor-linha-suave: #EDE7E1;    /* separadores de linhas de lista */
  --cor-foco: #DA8743;

  --cor-ok: #2F6B43;
  --cor-ok-suave: #E1F0E5;
  --cor-aviso: #8A5410;
  --cor-aviso-suave: #FBEFD9;
  --cor-erro: #A3271B;
  --cor-erro-suave: #F8E1DE;
  --cor-info: #2D5676;
  --cor-info-suave: #E0EAF2;

  --fonte: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fonte-numeros: "Archivo", ui-monospace, monospace;
  --largo: 118%;                 /* font-stretch dos títulos */
  --tam-base: 16px;
  --tam-pequeno: 13px;
  --tam-titulo: 30px;

  --raio: 4px;
  --raio-pequeno: 4px;
  --linha: 2px;
  --altura-botao: 64px;
  --altura-botao-pequeno: 48px;
  --altura-dock: 76px;
  --sombra: none;
  --sombra-forte: 0 6px 24px rgba(48, 43, 40, .25);
  --espaco: 18px;
  --largura-max: 560px;
}

/* Direção anterior (marca mIA v1, cartões suaves), guardada para comparação. */
[data-tema="mia-v1"] {
  --cor-fundo: #F4EFEA;
  --cor-linha: #E4DBD3;
  --cor-linha-suave: #E4DBD3;
  --raio: 14px;
  --raio-pequeno: 9px;
  --linha: 1px;
  --altura-botao: 48px;
  --sombra: 0 1px 2px rgba(48, 43, 40, .06), 0 4px 14px rgba(48, 43, 40, .07);
  --fonte: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --largo: 100%;
}