/* ====================================================================
   News — Design tokens
   Paleta neutra (papel-jornal) + cor de marca (tinta) + cor de urgência (breaking).
   Tipografia: serifada para corpo/manchete, sans para UI.
   ==================================================================== */

:root {
	/* -- Paleta neutra (inspirada em papel jornal moderno) -- */
	--nws-ink-950: #0b0d10;
	--nws-ink-900: #13171c;
	--nws-ink-800: #1f252c;
	--nws-ink-700: #2d353f;
	--nws-ink-600: #475361;
	--nws-ink-500: #68758a;
	--nws-ink-400: #8a96a8;
	--nws-ink-300: #b3bcc9;
	--nws-ink-200: #d6dbe2;
	--nws-ink-100: #eaedf1;
	--nws-ink-50:  #f5f6f8;
	--nws-paper:   #fbfaf7;
	--nws-paper-2: #f2efe8;

	/* -- Marca (tinta azul-marinho profunda) -- */
	--nws-brand-900: #0a1f44;
	--nws-brand-800: #0f2a5c;
	--nws-brand-700: #14377a;
	--nws-brand-600: #1d4aa0;
	--nws-brand-500: #2a5fc4;
	--nws-brand-100: #dce6f7;

	/* -- Urgência (BREAKING) — rampa em torno de #8c52ff -- */
	--nws-breaking-700: #6f37e6;
	--nws-breaking-600: #8c52ff;
	--nws-breaking-500: #a87aff;
	--nws-breaking-100: #ece1ff;

	/* -- Sinais editoriais -- */
	--nws-live-red:  #8c52ff;
	--nws-verified:  #1a7a3e;
	--nws-opinion:   #8a4d00;
	--nws-analysis:  #5b2a86;
	--nws-exclusive: #9a6b00;

	/* -- Tipografia -- */
	--nws-font-serif: "Source Serif 4", "Source Serif Pro", "Charter", Georgia, serif;
	--nws-font-sans:  "Inter Tight", "Inter", "Helvetica Neue", system-ui, sans-serif;
	--nws-font-mono:  "JetBrains Mono", ui-monospace, Menlo, monospace;

	/* Escala modular 1.2 (minor third) */
	--nws-fs-11: 11px;
	--nws-fs-12: 12px;
	--nws-fs-13: 13px;
	--nws-fs-14: 14px;
	--nws-fs-15: 15px;
	--nws-fs-16: 16px;
	--nws-fs-18: 18px;
	--nws-fs-20: 20px;
	--nws-fs-22: 22px;
	--nws-fs-24: 24px;
	--nws-fs-28: 28px;
	--nws-fs-32: 32px;
	--nws-fs-40: 40px;
	--nws-fs-48: 48px;
	--nws-fs-56: 56px;
	--nws-fs-64: 64px;

	/* Escala fluid (manchetes) */
	--nws-fs-headline-lead: clamp(36px, 5.2vw, 64px);
	--nws-fs-headline-h1:   clamp(28px, 4.4vw, 56px);
	--nws-fs-archive:       clamp(28px, 4vw, 40px);

	/* -- Layout -- */
	--nws-radius-xs: 2px;
	--nws-radius-sm: 4px;
	--nws-radius-md: 6px;

	--nws-shadow-1: 0 1px 2px rgba(11,13,16,0.05);
	--nws-shadow-2: 0 4px 12px rgba(11,13,16,0.08);
	--nws-shadow-3: 0 12px 32px rgba(11,13,16,0.12);

	--nws-hairline:  1px solid var(--nws-ink-200);
	--nws-hairline-strong: 1px solid var(--nws-ink-300);

	/* -- Espaçamento -- */
	--nws-sp-1:  4px;
	--nws-sp-2:  8px;
	--nws-sp-3:  12px;
	--nws-sp-4:  16px;
	--nws-sp-5:  20px;
	--nws-sp-6:  24px;
	--nws-sp-8:  32px;
	--nws-sp-10: 40px;
	--nws-sp-12: 48px;
	--nws-sp-16: 64px;
	--nws-sp-20: 80px;

	--nws-container: 1280px;
	--nws-gap:       24px;
	--nws-gap-lg:    40px;
}