/* ==========================================================================
   KOBBE — tokens da identidade 1a "Aferição".

   POR QUE ESTE ARQUIVO EXISTE
   Até 13/09/2026 o tema no ar rodava a identidade 1c "Dois Apoios" inteira:
   petróleo, coral, creme, menta, verde-ok, Plus Jakarta Sans e IBM Plex Sans,
   e o símbolo das duas barras. Só que 1c é do Edmo Junior (MASTER §11.2). A
   Kobbe é 1a (MASTER §11.1). Não era um detalhe fora do lugar — era o sistema
   visual do outro ativo, do começo ao fim. Pior: os hexadecimais nem batiam
   com os de 1c (#0E3B3A onde 1c manda #0E3A4A, #EE6A4D onde manda #FF6A3D),
   então era uma cópia derivada de uma paleta emprestada.

   A paleta crua abaixo é a do MASTER §11.1, hex a hex. As rampas de apoio
   saem do próprio arquivo de exploração de marca ("KOBBE — três direções"),
   da fatia da direção 1a — não são tons que eu inventei.

   TODO NÚMERO DE CONTRASTE AQUI FOI CALCULADO, não estimado, por
   `scripts/contraste_1a.py`. Se mudar um hexadecimal, rodar de novo.
   ========================================================================== */

:root {
	/* ---------------------------------------------------------------
	   Paleta crua — MASTER §11.1. Não acrescentar cor aqui sem ADR.
	   --------------------------------------------------------------- */
	--k-ink: #141514;    /* base e texto — 16,23:1 sobre bone */
	--k-bone: #F4F1EA;   /* papel */
	--k-cobre: #B4643C;  /* ACENTO GRÁFICO — nunca atrás de texto, nunca texto */
	--k-cobre-acao: #8F4A28; /* botão e link de texto — 5,86:1 com bone */
	--k-slate: #6B6F6C;  /* apoio */
	--k-linha: #E3E0D8;  /* borda decorativa */

	/* ---------------------------------------------------------------
	   Rampas da direção 1a, tiradas do arquivo de marca.
	   --------------------------------------------------------------- */
	--k-ink-80: #3E413E;   /*  9,17:1 sobre bone */
	--k-ink-65: #575A56;   /*  6,20:1 sobre bone, 5,46:1 sobre papel-3 */
	--k-cinza: #8C8A83;    /*  3,06:1 sobre bone — NÃO É COR DE TEXTO */
	--k-cinza-cl: #B5B8B3; /*  9,13:1 sobre ink  — apoio na seção escura */
	--k-papel-2: #EFEDE7;  /* superfície secundária */
	--k-papel-3: #E7E3D9;  /* bloco de destaque, sem gradiente */
	--k-papel-4: #FBFAF7;  /* cartão sobre o papel */
	--k-linha-2: #DCD7CC;  /* filete mais presente */
	--k-cobre-cl: #D9976F; /*  7,50:1 sobre ink — grafismo na seção escura */
	--k-cobre-esc: #7A3E22; /* hover do botão — 7,33:1 com bone, mesmo matiz (19,1° contra 19,8°) */

	/* ---------------------------------------------------------------
	   Tokens semânticos. Os componentes consomem SÓ estes.
	   --------------------------------------------------------------- */
	--k-fundo: var(--k-bone);
	--k-fundo-2: var(--k-papel-2);
	--k-fundo-3: var(--k-papel-3);
	--k-superficie: var(--k-papel-4);
	--k-superficie-forte: var(--k-ink);

	--k-texto: var(--k-ink);

	/* Texto de apoio. NÃO é o --k-slate do MASTER, e a razão é medida:
	   slate dá 4,52:1 sobre bone (passa por 0,02) mas 3,98:1 sobre
	   --k-papel-3, onde REPROVA. Um token de texto tem que valer em todos os
	   fundos onde o componente pode cair, senão é a armadilha de
	   `feedback-token-de-texto-um-valor-por-fundo`. --k-ink-65 dá 6,20 / 5,98
	   / 5,46 nos três papéis. O slate fica com o trabalho em que é o único
	   valor que serve: borda de controle. */
	--k-texto-apoio: var(--k-ink-65);

	/* Texto sobre a superfície forte. Slate ali dá 3,59:1 e REPROVA — foi
	   exatamente esse o defeito do rodapé do edmojunior. */
	--k-forte-texto: var(--k-bone);         /* 16,23:1 sobre ink */
	--k-forte-texto-apoio: var(--k-cinza-cl); /*  9,13:1 sobre ink */
	--k-forte-grafismo: var(--k-cobre-cl);

	/* Borda de controle (input, select, textarea). WCAG 1.4.11 pede 3:1
	   contra o que estiver dos dois lados. Medido: slate dá 5,10 sobre
	   branco, 4,52 sobre bone e 4,36 sobre papel-2 — é o ÚNICO valor da
	   paleta que chega a 3:1 nos três. --k-linha (1,17:1) e --k-linha-2
	   (1,27:1) não servem para isso e ficam só em filete decorativo. */
	--k-borda-controle: var(--k-slate);
	--k-borda: var(--k-linha);
	--k-borda-forte: var(--k-linha-2);

	--k-grafismo: var(--k-cobre);   /* SEM TEXTO EM CIMA */
	--k-acao-fundo: var(--k-cobre-acao);
	--k-acao-texto: var(--k-bone);        /* 5,86:1 */
	--k-acao-fundo-hover: var(--k-cobre-esc);
	--k-link: var(--k-cobre-acao);        /* 5,86:1 */
	--k-link-sublinhado: var(--k-cobre);  /* sublinhado é grafismo */

	/* ---------------------------------------------------------------
	   Tipografia — MASTER §11.1.
	   --------------------------------------------------------------- */
	--k-display: "Archivo", "Segoe UI", Helvetica, Arial, sans-serif;
	--k-corpo: "Archivo", "Segoe UI", Helvetica, Arial, sans-serif;
	--k-editorial: "Newsreader", Georgia, "Times New Roman", serif;
	--k-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

	/* ---------------------------------------------------------------
	   Geometria. 1a não tem canto arredondado nem gradiente: o gesto é o
	   chanfro no canto superior direito, o mesmo do símbolo. O raio de 18px
	   e as pílulas de 999px que estavam aqui eram vocabulário de 1c.
	   --------------------------------------------------------------- */
	/* Largura total do anel de foco: 3px de bone colado no elemento mais 3px
	   de ink por fora. Este numero tambem estica o clip-path no foco -- ver a
	   nota em style.css sobre clip-path recortar o box-shadow. */
	--k-anel: 6px;
	--k-chanfro: 14px;
	--k-chanfro-sm: 9px;
	--k-medida: 68ch; /* medida máxima do corpo, como manda o arquivo de marca */
}