/* =====================================================================
   PinBoostr — Retro brand recolor for marketing/content pages.
   Scoped under body.pb-retro (added via body_class on content pages only,
   never the dashboard/app). Warms the LIGHT surfaces only — it deliberately
   does NOT touch text colors, so dark sections (footer = bg-gray-950, dark
   hero bands) keep their light text and stay readable. Accent colors
   (red/pink/rose/emerald) are left untouched so the brand pops.
   Reversible: remove the pb-retro body class or this file.
   Palette: paper #fdf5ef · panel #f6e8de · card #fffaf6 · line #ecd9cf
   ===================================================================== */

body.pb-retro { background-color: #fdf5ef !important; }

/* Light surfaces only: white → warm off-white; cool soft grays → cream panel.
   Dark surfaces (bg-gray-800/900/950 etc.) are intentionally NOT remapped. */
.pb-retro .bg-white { background-color: #fffaf6 !important; }
.pb-retro .bg-gray-50,
.pb-retro .bg-gray-100,
.pb-retro .bg-slate-50,
.pb-retro .bg-slate-100,
.pb-retro .bg-neutral-50,
.pb-retro .bg-neutral-100,
.pb-retro .bg-zinc-50,
.pb-retro .bg-stone-50 { background-color: #f6e8de !important; }

/* Light hairline borders → warm. Dark borders (border-white/x, gray-700+) left alone. */
.pb-retro .border-gray-100,
.pb-retro .border-gray-200,
.pb-retro .border-gray-300,
.pb-retro .border-slate-100,
.pb-retro .border-slate-200,
.pb-retro .border-neutral-200,
.pb-retro .border-zinc-200,
.pb-retro .border-stone-200 { border-color: #ecd9cf !important; }

/* Warm the light/neutral gradient bands (hero/section washes). */
.pb-retro .from-white { --tw-gradient-from: #fffaf6 var(--tw-gradient-from-position) !important; }
.pb-retro .to-white { --tw-gradient-to: #fffaf6 var(--tw-gradient-to-position) !important; }
.pb-retro .from-gray-50,
.pb-retro .from-slate-50 { --tw-gradient-from: #f6e8de var(--tw-gradient-from-position) !important; }
.pb-retro .to-gray-50,
.pb-retro .to-slate-50 { --tw-gradient-to: #f6e8de var(--tw-gradient-to-position) !important; }

/* NOTE: text colors are intentionally NOT overridden here. Warming text broke
   readability on dark sections (footer links). Cool slate/gray text reads fine
   on the warm cream background, and the rose/pink accents stay vivid. */

/* ── Retro pink gradient ──────────────────────────────────────────────────
   Remap the strong orange-red→magenta CTA gradients to the brand retro
   pink→rose (#ff3d74 → #e11d48) so banners/buttons read as true brand pink.
   Soft washes (from-red-50/to-pink-50) are NOT touched. */
.pb-retro .from-red-500 { --tw-gradient-from: #ff3d74 var(--tw-gradient-from-position) !important; }
.pb-retro .from-red-400 { --tw-gradient-from: #ff5c87 var(--tw-gradient-from-position) !important; }
.pb-retro .to-pink-600 { --tw-gradient-to: #e11d48 var(--tw-gradient-to-position) !important; }
.pb-retro .to-pink-500 { --tw-gradient-to: #ec2a5a var(--tw-gradient-to-position) !important; }
.pb-retro .to-rose-500 { --tw-gradient-to: #e11d48 var(--tw-gradient-to-position) !important; }
.pb-retro .to-rose-400 { --tw-gradient-to: #f0407a var(--tw-gradient-to-position) !important; }
/* 3-stop gradient text headings: swap the middle stop to retro pink */
.pb-retro .via-pink-500 { --tw-gradient-stops: var(--tw-gradient-from), #f0407a var(--tw-gradient-via-position), var(--tw-gradient-to) !important; }