/* Figure & Ground — colour
   The brand palette is a disciplined greyscale. There is NO accent colour.
   Every point of colour on a brand surface comes from project photography. */
:root{
/* --- Core palette (from brand guidelines) --- */
--fg-near-black:#151515;--fg-charcoal:#606060;--fg-grey:#808080;--fg-white:#ffffff;
/* --- Extended neutrals (derived for interface use: surfaces, hairlines, hovers) --- */
--fg-rule:#d9d9d9;--fg-border:#e4e4e4;--fg-panel:#f1f1f0;--fg-panel-deep:#e9e9e7;--fg-near-black-hover:#2a2a2a;--fg-scrim:rgba(21,21,21,.55);
/* --- Semantic: text --- */
--text-primary:var(--fg-near-black);--text-secondary:var(--fg-charcoal);--text-tertiary:var(--fg-grey);--text-inverse:var(--fg-white);--text-inverse-muted:rgba(255,255,255,.62);
/* --- Semantic: surface --- */
--surface-page:var(--fg-white);--surface-panel:var(--fg-panel);--surface-inverse:var(--fg-near-black);--surface-image-placeholder:var(--fg-panel);
/* --- Semantic: line --- */
--line-hairline:var(--fg-rule);--line-strong:var(--fg-near-black);--line-subtle:var(--fg-border);--line-inverse:rgba(255,255,255,.18);
/* --- Semantic: interactive --- */
--action-solid-bg:var(--fg-near-black);--action-solid-bg-hover:var(--fg-near-black-hover);--action-solid-fg:var(--fg-white);
--action-outline-fg:var(--fg-near-black);--action-outline-border:var(--fg-near-black);--action-outline-bg-hover:var(--fg-near-black);--action-outline-fg-hover:var(--fg-white);
--action-ghost-fg:var(--fg-charcoal);--action-ghost-fg-hover:var(--fg-near-black);
--focus-ring:var(--fg-near-black);
}