/* St Pete's Big Give: Gulf Deco color studies (from the design handoff).
   Set data-palette on <html> to switch: deep-slate (recommended) | blue-slate | storm-slate | porcelain-slate
   The handoff's .headline/.eyebrow helpers live in gulf-deco.css instead, scoped so
   the dark bands on porcelain-slate keep their dark-surface colors. */

:root,
[data-palette="deep-slate"] {
	--bg: #243444;          /* page / hero background */
	--bg-deep: #18232e;     /* footer, embed bars, deepest panels */
	--text: #f2f0ec;        /* headlines + body on bg */
	--text-muted: #b7c2cc;  /* secondary copy on bg */
	--accent: #f29e86;      /* pink: primary button, setting sun, italic "fastest hour" */
	--accent-ink: #18202a;  /* text ON pink buttons */
	--accent-text-light: #b5584a; /* pink for text on light sections (AA) */
	--silver: #c4cbd2;      /* eyebrows, stat labels, double rules, sunburst + arch lines */
	--surface-light: #f2f0ec; /* porcelain light sections (apply form, etc.) */
	--pewter: #5b6773;      /* "silver" role on light surfaces: small text must use this */
}

[data-palette="blue-slate"] {
	--bg: #3e5468; --bg-deep: #2c3e4f; --text: #f5f3ef; --text-muted: #cdd6de;
	--accent: #f4a593; --accent-ink: #18202a; --accent-text-light: #b5584a;
	--silver: #d3d8dd; --surface-light: #f5f3ef; --pewter: #5b6773;
}

[data-palette="storm-slate"] {
	--bg: #2f3a44; --bg-deep: #1f272e; --text: #f1efeb; --text-muted: #b3bcc4;
	--accent: #ee9a8a; --accent-ink: #18202a; --accent-text-light: #b5584a;
	--silver: #b9c0c7; --surface-light: #f1efeb; --pewter: #5b6773;
}

/* Light-led variant: slate becomes the text/section color */
[data-palette="porcelain-slate"] {
	--bg: #f2f0ec; --bg-deep: #2d3e4f; --text: #2d3e4f; --text-muted: #4f5f6e;
	--accent: #e98f7c; --accent-ink: #18202a; --accent-text-light: #b5584a;
	--silver: #c4cbd2;  /* rules/lines only on this variant */
	--surface-light: #ffffff; --pewter: #5b6773; /* small "silver" text uses pewter (5.1:1 on porcelain) */
}