:root {
	/* Tipografia — única fonte definida: Plus Jakarta Sans (variável, peso 200–800) */
	--font-family-base: "Plus Jakarta Sans", sans-serif;

	/* Tamanhos em px (não rem) — o layout usa muitas variações discretas de
	   tamanho, mais simples de conferir 1:1 contra o PSD em px. */
	--text-9:  9px;
	--text-10:  10px;
	--text-12: 12px;
	--text-14: 14px;
	--text-16: 16px;
	--text-18: 18px;
	--text-20: 20px;
	--text-21: 21px;
	--text-24: 24px;
	--text-28: 28px;
	--text-30: 30px;
	--text-32: 32px;
	--text-36: 36px;
	--text-40: 40px;
	--text-48: 48px;   /* .not-found__code, base mobile */
	--text-130: 130px; /* .not-found__code, > 640px */
	--text-160: 160px; /* .not-found__code, > 960px */
	--text-180: 180px; /* .not-found__code, > 1280px — valor do PSD */

	--font-weight-extra-light: 	200;
	--font-weight-light:    	300;
	--font-weight-regular:  	400;
	--font-weight-medium:   	500;
	--font-weight-semibold: 	600;
	--font-weight-bold:     	700;
	--font-weight-extrabold:   	800;

	--line-height-tight:  1.10;
	--line-height-base:   1.25;
	--line-height-large:  1.50;

	/* Espaçamento — escala base 5px (confirmado contra o layout: todos os
	   espaçamentos medidos são múltiplos de 5px, não 4px). */
	--space-5:   5px;
	--space-10:  10px;
	--space-15:  15px; /* = padding lateral do grid */
	--space-20:  20px;
	--space-25:  25px;
	--space-30:  30px; /* = gap do grid */
	--space-35:  35px;
	--space-40:  40px;
	--space-45:  45px;
	--space-50:  50px;
	--space-60:  60px;
	--space-80:  80px;
	--space-100: 100px;

	/* Define a largura máxima de alguns elementos dentro de .entry-content */
	--media-content-max-width: 870px;

	/* Token semântico — não usar --space-60 direto no padding-block das
	   sections da frontpage. Se o cliente pedir pra aumentar/diminuir esse
	   respiro especificamente, muda só aqui, sem afetar todo outro uso de
	   --space-60 no projeto (mesma lógica de --grid-gap/--grid-margin abaixo,
	   que também são apelidos semânticos da escala base). */
	--default-padding-section: var(--space-60);

	/* Grid — 12 colunas, 82px cada, 11 gaps de 30px, 15px de padding lateral.
	   12*82 + 11*30 = 1314px de área útil; container = 1314 + 15*2 = 1344px. */
	--grid-columns:       12;
	--grid-column-width:  82px;
	--grid-gap:           var(--space-30);
	--grid-margin:        var(--space-15);
	--grid-content-width: 1314px;
	--container-max-width: 1344px;

	/*
	 * Cores — paleta oficial extraída de "Manual-Identidade-CNC-Paleta-Cores.pdf"
	 * (valores em hexadecimal, texto explícito no PDF — sem estimativa visual).
	 * Tertiary 95 corrigido para #FAF6ED (o manual trazia #EBF1FF, duplicado
	 * por engano do Secondary 95 — confirmado com o cliente em 06/08/2026).
	 */

	/* Primary — Azul Sistema */
	--color-primary-10: #000f1c;
	--color-primary-20: #001e38;
	--color-primary-30: #002c55;
	--color-primary-40: #183d6c;
	--color-primary-50: #004a8d; /* cor principal */
	--color-primary-60: #336ea4;
	--color-primary-70: #6692bb;
	--color-primary-80: #99b7d1;
	--color-primary-90: #ccdbe8;
	--color-primary-95: #e8eff5;
	--color-primary-99: #f9fbfc;

	/* Secondary — Azul Vívido */
	--color-secondary-10: #061333;
	--color-secondary-20: #0c2666;
	--color-secondary-30: #113899;
	--color-secondary-40: #174bcc;
	--color-secondary-50: #1d5eff; /* cor principal */
	--color-secondary-60: #4a7eff;
	--color-secondary-70: #779eff;
	--color-secondary-80: #a5bfff;
	--color-secondary-90: #d2dfff;
	--color-secondary-95: #ebf1ff;
	--color-secondary-99: #fafbff;

	/* Tertiary — Mostarda */
	--color-tertiary-10: #281e0a;
	--color-tertiary-20: #503c14;
	--color-tertiary-30: #785a1f;
	--color-tertiary-40: #a07829;
	--color-tertiary-50: #c89633; /* cor principal */
	--color-tertiary-60: #d3ab5c;
	--color-tertiary-70: #dec085;
	--color-tertiary-80: #e9d5ad;
	--color-tertiary-90: #f4ead6;
	--color-tertiary-95: #faf6ed; /* corrigido — manual trazia #EBF1FF por engano */
	--color-tertiary-99: #fefdfa;

	/* Neutral — Cinza */
	--color-neutral-0:   #000; /* preto */
	--color-neutral-10:  #384047;
	--color-neutral-20:  #666d73;
	--color-neutral-30:  #848a8f;
	--color-neutral-40:  #9ca0a4;
	--color-neutral-50:  #b0b3b7; /* cor principal */
	--color-neutral-60:  #c1c4c7;
	--color-neutral-70:  #d1d3d5;
	--color-neutral-80:  #dfe1e2;
	--color-neutral-90:  #edeeee;
	--color-neutral-95:  #f5f6f6;
	--color-neutral-99:  #fdfdfd;
	--color-neutral-100: #fff; /* branco */

	/* Status — apenas a cor principal (50) de cada variação */
	--color-status-danger:  #fc4629;
	--color-status-info:    #34c8e2;
	--color-status-success: #45c92e;
	--color-status-warning: #f6be00;

	/* Support — apenas Amarelo (uso em alertas) */
	--color-support-yellow: #f6be00;

	/* Aliases semânticos das cores principais (facilita uso em componentes) */
	--color-primary:   var(--color-primary-50);
	--color-secondary: var(--color-secondary-50);
	--color-tertiary:  var(--color-tertiary-50);

	/* Gradientes oficiais (Sistema Comércio) */
	--color-gradient-gray-start: #f2f3f7; /* "Cinza Claro", específico do gradiente */
	--gradient-blue: linear-gradient(135deg, var(--color-primary-50), var(--color-secondary-50));
	--gradient-gray: linear-gradient(135deg, var(--color-gradient-gray-start), var(--color-neutral-100));
}