/* TriPiratas — design tokens (paleta exata do protótipo _base) */
:root {
	--tp-bg: #FAF7EE;
	--tp-parchment: #F1E4C3;
	--tp-ink: #2C1A0A;
	--tp-gold: #C8920A;
	--tp-gold-bright: #F0B429;
	--tp-gold-deep: #8B6508;
	--tp-gold-hover: #A87408;
	--tp-dark: #0F0804;
	--tp-dark-2: #1C0F05;
	--tp-cream: #F5EDD8;
	--tp-muted: #7A6045;
	--tp-muted-2: #5A4030;
	/* Terciário SOBRE FUNDO ESCURO (7.2:1 no --tp-dark-2). Não use em fundo claro. */
	--tp-muted-light: #B8A08A;
	/* Terciário SOBRE FUNDO CLARO — o antigo --tp-muted-light rendia só 2.3:1 aqui. */
	--tp-muted-3: #8A7156;
	--tp-muted-price: #9A7A62;
	--tp-sand: #D4C4A8;

	/* Superfície de card (evita #fff solto) */
	--tp-surface: #FFFFFF;
	/* Dourado legível sobre fundo claro (--tp-gold rende só 2.6:1; este, 6.5:1) */
	--tp-gold-text: #7A5806;
	/* Valores em dinheiro sobre fundo claro — vermelho escuro, 7.4:1 */
	--tp-price: #A81C1C;
	/* Fundo de botão dourado com texto branco (--tp-gold rende só 2.9:1; este, 5.3:1) */
	--tp-gold-btn: #8B6508;
	--tp-gold-btn-hover: #6F5006;
	/* Creme atenuado sobre fundos escuros — texto secundário e terciário */
	--tp-cream-dim: rgba(245, 237, 216, 0.72);
	--tp-cream-dim-2: rgba(245, 237, 216, 0.58);
	--tp-border-cream: #E8DCC8;
	--tp-border-cream-2: #EDE0C8;
	--tp-track: #F0E8D4;
	--tp-red: #CC1515;
	--tp-green: #27AE60;
	--tp-green-dark: #1A7A46;
	--tp-wa: #25D366;

	--tp-font-display: 'Cinzel', serif;
	--tp-font-body: 'Nunito', sans-serif;

	--tp-header-h: 94px;
	--tp-container: 1280px;

	--tp-shadow-card: 0 2px 16px rgba(28, 15, 5, 0.09);
	--tp-shadow-card-hover: 0 16px 48px rgba(28, 15, 5, 0.18);
	--tp-shadow-featured: 0 8px 40px rgba(28, 15, 5, 0.15);
	--tp-shadow-featured-hover: 0 40px 80px rgba(28, 15, 5, 0.3);
}

/* Paletas dos placeholders listrados (TripImage do protótipo) */
.tp-color-0 { --ph-bg: #5C3D08; --ph-stripe: #C8920A; }
.tp-color-1 { --ph-bg: #0A3D1F; --ph-stripe: #27AE60; }
.tp-color-2 { --ph-bg: #0A2A4A; --ph-stripe: #2980B9; }
.tp-color-3 { --ph-bg: #4A0A0A; --ph-stripe: #C0392B; }
.tp-color-4 { --ph-bg: #1A1A2E; --ph-stripe: #4A4E69; }

/* Variantes escuras (FeaturedTripCard) */
.tp-color-deep-0 { --ph-bg: #3D2206; --ph-stripe: #C8920A; }
.tp-color-deep-1 { --ph-bg: #062E17; --ph-stripe: #27AE60; }
.tp-color-deep-2 { --ph-bg: #061928; --ph-stripe: #2980B9; }
.tp-color-deep-3 { --ph-bg: #2E0606; --ph-stripe: #C0392B; }
.tp-color-deep-4 { --ph-bg: #111827; --ph-stripe: #475569; }

/* Variantes hero */
.tp-color-hero-0 { --ph-bg: #3D1E06; --ph-stripe: #C8920A; }
.tp-color-hero-1 { --ph-bg: #062A14; --ph-stripe: #1E8449; }
.tp-color-hero-2 { --ph-bg: #051526; --ph-stripe: #1A6090; }
.tp-color-hero-3 { --ph-bg: #2A0606; --ph-stripe: #A93226; }
.tp-color-hero-4 { --ph-bg: #0D0D1A; --ph-stripe: #4A4E69; }