/* ==========================================================================
   Tokens — fonte única de cores/tipografia/espaçamento (contrato §4/§9).

   Origem: design system "Cadence Public Affairs" (Claude Design), exportado em
   raz/cadence/identidade-visual. Paleta monocromática: não existe cor de acento.
   Os aliases --raz-* alimentam o CSS herdado do Raz Base e apontam para os
   tokens da Cadence, para manter uma fonte de verdade só.
   ========================================================================== */
:root {
	/* --- Cadence: papel, tinta, cinzas, fios ---------------------------- */
	--cad-paper: #FBFAF8;
	--cad-paper-edge: #F4F2EE;
	--cad-ink: #12110F;
	--cad-ink-deep: #111110;
	--cad-graphite: #3B3833;
	--cad-gray-mid: #7A756D;
	--cad-gray-stone: #B4AEA5;
	--cad-numeral-ghost: #E6E2DB;
	--cad-rule: #DEDAD3;
	--cad-rule-dark: #3A3833;
	--cad-rule-cover: #2A2926;
	--cad-on-cover: #FFFFFF;
	--cad-on-cover-quiet: #9A958D;

	/* --- Cadence: tipografia -------------------------------------------- */
	--cad-font-display: "Bodoni Moda", Didot, "Times New Roman", serif;
	--cad-font-text: "Libre Baskerville", Baskerville, Georgia, serif;
	--cad-font-label: "Archivo", "Helvetica Neue", Arial, sans-serif;

	--cad-fs-cover: clamp(40px, 7.4vw, 76px);
	--cad-fs-display-1: clamp(32px, 5.2vw, 56px);
	--cad-fs-display-2: clamp(26px, 3.8vw, 40px);
	--cad-fs-title: clamp(22px, 2.6vw, 30px);
	--cad-fs-subtitle: clamp(19px, 2vw, 22px);
	--cad-fs-lead: clamp(18px, 1.8vw, 21px);
	--cad-fs-quote: clamp(21px, 2.4vw, 27px);
	--cad-fs-body: 15px;
	--cad-fs-body-sm: 13px;
	--cad-fs-caption: 12px;
	--cad-fs-label: 8.5px;
	--cad-fs-label-sm: 7.5px;

	--cad-lh-cover: 0.98;
	--cad-lh-display: 1.06;
	--cad-lh-title: 1.14;
	--cad-lh-lead: 1.5;
	--cad-lh-body: 1.72;

	--cad-ls-cover: 0.03em;
	--cad-ls-display: 0.01em;
	--cad-ls-lead: 0.005em;
	--cad-ls-body: 0.002em;
	--cad-ls-label: 0.24em;
	--cad-ls-label-wide: 0.34em;

	--cad-maxw-lead: 34ch;
	--cad-maxw-body: 66ch;
	--cad-maxw-narrow: 30ch;

	/* --- Cadence: espaço e geometria ------------------------------------ */
	--cad-sp-1: 4px;
	--cad-sp-2: 8px;
	--cad-sp-3: 12px;
	--cad-sp-4: 16px;
	--cad-sp-5: 24px;
	--cad-sp-6: 32px;
	--cad-sp-7: 48px;
	--cad-sp-8: 64px;
	--cad-sp-9: 96px;
	--cad-sp-10: 128px;
	--cad-sp-11: 176px;

	/* Ritmo vertical das dobras: uma fonte de verdade para toda a altura de seção. */
	--cad-section-y: clamp(44px, 5.2vw, 68px);
	--cad-section-y-lg: clamp(56px, 6.4vw, 84px);
	--cad-cover-h: 78svh;

	--cad-label-gap: 14px;
	--cad-rule-clear: 18px;
	--cad-gutter: clamp(32px, 4.4vw, 56px);
	--cad-margin: clamp(20px, 6vw, 92px);
	--cad-measure: 1180px;

	/* --- Cadence: traço, raio, sombra, movimento ------------------------ */
	--cad-hairline: 0.5px;
	--cad-hairline-strong: 1px;
	--cad-radius: 0px;
	--cad-shadow: none;
	--cad-motion-fast: 160ms;
	--cad-motion: 280ms;
	--cad-ease: cubic-bezier(0.2, 0, 0.2, 1);

	/* --- Aliases do Raz Base (herdados) --------------------------------- */
	--raz-primary: var(--cad-ink);
	--raz-primary-dark: var(--cad-ink-deep);
	--raz-accent: var(--cad-ink);
	--raz-ink: var(--cad-ink);
	--raz-muted: var(--cad-gray-mid);
	--raz-line: var(--cad-rule);
	--raz-surface: var(--cad-paper-edge);
	--raz-base: var(--cad-paper);
	--raz-dark: var(--cad-ink-deep);
	--raz-dark-elev: var(--cad-ink);

	--raz-font: var(--cad-font-text);
	--raz-font-display: var(--cad-font-display);
	--raz-fs-sm: var(--cad-fs-body-sm);
	--raz-fs-md: var(--cad-fs-body);
	--raz-fs-lg: var(--cad-fs-subtitle);
	--raz-fs-xl: var(--cad-fs-title);
	--raz-fs-2xl: var(--cad-fs-display-2);
	--raz-lh: var(--cad-lh-body);

	--raz-sp-1: var(--cad-sp-2);
	--raz-sp-2: var(--cad-sp-4);
	--raz-sp-3: var(--cad-sp-5);
	--raz-sp-4: var(--cad-sp-7);
	--raz-sp-5: var(--cad-sp-9);

	--raz-container: var(--cad-measure);
	--raz-container-pad: var(--cad-margin);
	--raz-radius: var(--cad-radius);
	--raz-header-h: 74px;

	--raz-z-header: 100;
	--raz-z-drawer: 1000;
	--raz-z-float: 900;
	--raz-z-popup: 1100;
}
