:root{
/* Brand palette — sampled from CCS Color Palette */
--ccs-blush:#d89f8d;
--ccs-terracotta:#ab6a56;
--ccs-linen:#d5d2c4;
--ccs-sage:#97a480;
--ccs-forest:#303d31;
/* Logo colours */
--ccs-nib:#d27860;
--ccs-ink:#1a1a1a;
/* Tints & shades (oklch-derived from palette) */
--ccs-cream:#f4f1e9;
--ccs-paper:#faf8f3;
--ccs-blush-100:#f3e1da;
--ccs-terracotta-700:#8c5242;
--ccs-sage-100:#e3e7da;
--ccs-forest-900:#222c23;
--ccs-linen-300:#e6e3d8;
--ccs-stone:#6b6a60;

/* Semantic */
--bg-page:var(--ccs-cream);
--bg-alt:var(--ccs-linen);
--bg-inverse:var(--ccs-forest);
--surface-card:var(--ccs-paper);
--surface-accent:var(--ccs-blush-100);
--fg-1:var(--ccs-forest);
--fg-2:#4e584d;
--fg-muted:var(--ccs-stone);
--fg-inverse:var(--ccs-cream);
--fg-accent:var(--ccs-terracotta);
--text-body:var(--fg-2);
--text-heading:var(--fg-1);
--text-emphasis:var(--ccs-terracotta);
--border-subtle:rgba(48,61,49,.14);
--border-strong:var(--ccs-forest);
--action-primary:var(--ccs-terracotta);
--action-primary-hover:var(--ccs-terracotta-700);
--action-secondary:var(--ccs-forest);
--focus-ring:var(--ccs-blush);
--success:#6f8356;
--error:#a4483a;
}