/**
 * Palette "phudong" — colours of the Phù Đổng project (was "Slate").
 * Source: assets/pattern (css.css + palette.png).
 *
 * A project palette only sets the --palette-* tokens; palette.css maps them onto main.css /
 * style.css and holds every selector override. New project: copy this file to
 * palettes/<project>.scss, change the values, add it to vite.build.mjs and set
 * THEME_PALETTE=<project> in that install's .env. Rules only this project needs go below the
 * tokens, scoped the same way.
 *
 * Contrast notes: the accent (camel) on white is ~3.2:1, enough for buttons/badges (large or
 * bold text) but not for small body links — those use --palette-link (steel blue, ~4.4:1).
 */

html[data-palette="phudong"] {
	--palette-accent: #d98a1f;          /* camel: buttons, badges, highlights, focus borders */
	--palette-accent-hover: #d77f07;    /* hover / active of accent buttons and links, active menu item */
	--palette-link: #4780A9;            /* steel blue: text links, language switcher, focus ring */
	--palette-dark: #32393C;            /* gunmetal: header + footer background, headings */
	--palette-dark-deep: hsl(198 9% 17%); /* footer accordion drawer (mobile): dark, 5 points darker */
	--palette-text: #495359;            /* iron grey: body text */
	--palette-black: #010101;           /* deepest text */
	--palette-white: #FEFEFE;           /* surfaces */
	--palette-bg: #F2F4F5;              /* platinum: page background (top of the body gradient) */
	--palette-border-light: #EFEFEF;    /* platinum-2: light borders (Togo #EEE) */
	--palette-band: #DFE7E9;            /* alabaster: section bands, hero fades, footer titles */
	--palette-border: #C0C5CA;          /* pale slate: stronger borders (Togo #DDD / #CCC) */
}