:root{
/* Base palette — MAXIMUM FILMSHOP "Soft Precision" (HEX locked, do not change) */
--color-green:#ADEBB3; /* Mist Green — primary CTA / success / protection */
--color-blue:#ADC6EB; /* Cloud Blue — information / navigation / pricing */
--color-lavender:#B3ADEB; /* Soft Lavender — portfolio / highlight / interaction */
--color-coral:#EBB3AD; /* Warm Coral — blog / human story / attention */
--color-canvas:#F8FAFD; /* Light Canvas — page background */
--color-surface:#FFFFFF; /* Surface White — cards & reading areas */
--color-ink:#243047; /* Slate Ink — headings & primary text */
--color-body:#556176; /* Body Text */
--color-hairline:#DCE3ED; /* Hairline Border */
/* Tints — large backgrounds only */
--tint-green:#E7F9E9;
--tint-blue:#E7EEF9;
--tint-lavender:#EBE9F9;
--tint-coral:#F9EBE9;
/* Semantic aliases */
--surface-page:var(--color-canvas);
--surface-card:var(--color-surface);
--text-heading:var(--color-ink);
--text-body:var(--color-body);
--text-on-pastel:var(--color-ink);
--border-hairline:1px solid var(--color-hairline);
--cta-primary-bg:var(--color-green);
--cta-primary-ink:var(--color-ink);
--focus-ring:0 0 0 3px rgba(173,198,235,.9),0 0 0 1px var(--color-ink);
--error-ink:#B3402F;
--error-surface:#F9EBE9;
--error-border:#EBB3AD;
}