/**
 * BIENAL DAS AMAZÔNIAS — Design Tokens (v1.0.0-alpha)
 * Variáveis CSS extraídas do código-fonte real do Figma Make v3.
 */

:root {

	/* ============ CORES MARCA-MÃE ============ */
	--bdas-preto:        #1a1a1a;
	--bdas-branco:       #ffffff;
	--bdas-cinza-1:      #f9fafb;
	--bdas-cinza-2:      #f3f4f6;
	--bdas-cinza-3:      #e5e7eb;
	--bdas-cinza-4:      #6b7280;
	--bdas-cinza-5:      #444444;

	/* ============ CORES OFICIAIS CCBA ============ */
	--ccba-magenta:  #CA047A;  /* Bienal mãe / CCBA hub / Programação principal */
	--ccba-laranja:  #FF6600;  /* A Bienal / Workshop / Notícias */
	--ccba-vermelho: #B30000;  /* Editora / Parceiros / Mediação */
	--ccba-azul:     #0047FF;  /* Sobre as Águas / Acessibilidade */
	--ccba-verde:    #00C1AC;  /* Educativo / Programação geral */

	/* Cores próprias do Café do Rio */
	--cafe-rosa: #C8456E;
	--cafe-azul: #1E4FA8;

	/* ============ SEMÂNTICAS ============ */
	--bdas-bg:        var(--bdas-branco);
	--bdas-bg-alt:    var(--bdas-cinza-1);
	--bdas-bg-dark:   var(--bdas-preto);
	--bdas-text:      var(--bdas-preto);
	--bdas-text-muted:rgba(0,0,0,0.55);
	--bdas-text-on-dark: var(--bdas-branco);
	--bdas-border:    rgba(0,0,0,0.1);

	/* ============ TIPOGRAFIA ============ */
	--font-sans:    "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-display: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-serif:   Georgia, "Times New Roman", Times, serif;

	/* ============ PESOS ============ */
	--fw-regular: 400;
	--fw-medium:  500;
	--fw-bold:    700;
	--fw-xbold:   800;
	--fw-black:   900;

	/* ============ ESPAÇAMENTO (base 8) ============ */
	--sp-1:  0.25rem;   /* 4 */
	--sp-2:  0.5rem;    /* 8 */
	--sp-3:  0.75rem;   /* 12 */
	--sp-4:  1rem;      /* 16 */
	--sp-6:  1.5rem;    /* 24 */
	--sp-8:  2rem;      /* 32 */
	--sp-12: 3rem;      /* 48 */
	--sp-16: 4rem;      /* 64 */
	--sp-24: 6rem;      /* 96 */
	--sp-32: 8rem;      /* 128 */

	/* ============ LAYOUT ============ */
	--container-max: 1400px;
	--header-h:      6rem;     /* 96px */

	/* ============ COMPONENTES ============ */
	--border-thin:   1px solid var(--bdas-border);
	--transition:    0.2s ease;
	--transition-slow: 700ms ease;
}

/* Reset mínimo */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}