:root{
/* --- base palette (sampled from brand photography + logo lockups) --- */
--cream-50:#faf7ef;
--cream-100:#f3eee0;
--cream-200:#ecefe6;
--sand-300:#e4d9b9;
--plum-900:#351e28;
--plum-800:#4a2c39;
--plum-700:#603a49;
--ink-950:#211219;
--lime-300:#eef577;
--lime-400:#e9f055;
--lime-500:#d3da3e;
--coral-400:#ff7a55;
--coral-500:#fe5b32;
--coral-600:#e0431d;
--sage-400:#8fae7c;
--sage-500:#72905f;
--sage-600:#576f47;
--sky-200:#c3d8ea;
--sky-300:#8dabd1;
--sky-400:#6c93c2;
--teal-600:#2e837c;
--teal-700:#25655f;

/* --- semantic surfaces --- */
--surface-page:var(--cream-100);
--surface-card:var(--cream-50);
--surface-dark:var(--plum-900);
--surface-darker:var(--ink-950);
--surface-sunken:var(--sand-300);

/* --- semantic text --- */
--text-on-light:var(--plum-900);
--text-on-light-muted:var(--plum-700);
--text-on-dark:var(--cream-200);
--text-on-dark-muted:#cdb9c2;
--text-link:var(--teal-700);
--text-link-hover:var(--teal-600);

/* --- semantic accents --- */
--accent-primary:var(--coral-500);
--accent-primary-hover:var(--coral-600);
--accent-secondary:var(--lime-400);
--accent-secondary-hover:var(--lime-500);
--accent-tertiary:var(--sky-300);
--accent-quaternary:var(--sage-500);

/* --- borders --- */
--border-frame:var(--lime-400);
--border-subtle:rgba(53,30,40,0.12);
--border-on-dark:rgba(250,247,239,0.16);
}