/* ── Tema claro · superfície creme ──────────────────────────────────────── A face editorial da Bright: usada em carrosséis sociais, one-pagers e peças impressas. Mesmos tokens de marca, superfície invertida. Aplique a classe .tema-claro num container (ou no ) e todos os aliases semânticos viram. */ .tema-claro{ --bg-deep:var(--creme); --bg-deepest:#EDE9E0; --bg-slide:var(--creme); --bg-slide-gradient:linear-gradient(160deg,#F7F5EF 0%,var(--creme) 55%,#EFEBE2 100%); --bg-boardroom:var(--bg-slide-gradient); --surface-card:rgba(15,24,34,0.025); --surface-card-hover:rgba(15,24,34,0.045); --surface-inset:rgba(15,24,34,0.04); --texto-primario:var(--navy-900); --texto-secundario:rgba(15,24,34,0.72); --texto-mudo:rgba(15,24,34,0.45); --text-body:var(--texto-secundario); --text-heading:var(--texto-primario); --text-accent:var(--gold-500); --text-eyebrow:var(--gold-500); --borda-sutil:rgba(15,24,34,0.08); --borda-media:rgba(15,24,34,0.14); /* Malha de referência: o grid do sistema, visível a 3%, textura, não ornamento. */ --malha-grid: repeating-linear-gradient(90deg,rgba(15,24,34,0.032) 0 1px,transparent 1px 90px), repeating-linear-gradient(0deg,rgba(15,24,34,0.032) 0 1px,transparent 1px 90px); /* @kind other */ background:var(--bg-slide-gradient); color:var(--texto-primario); } /* No tema claro o itálico de acento continua dourado, mas em gold-500 (não gold-400): o 400 é claro demais sobre creme. */ .tema-claro em,.tema-claro .accent{color:var(--gold-500)}