:root{
/* --- base palette --- */
--pk-creme:#FDFBF7;
--pk-sand:#F2EAE0;
--pk-blush:#EFE2DE;
--pk-olive:#6E7057;
--pk-olive-dark:#545640;
--pk-mauve:#A08A9C;
--pk-wine:#7C3B45;
--pk-ink:#2E2A26;
--pk-ink-soft:#5A5349;
--pk-line:#E3D8CC;
--pk-white:#FFFFFF;

/* --- surfaces --- */
--surface-page:var(--pk-creme);
--surface-alt:var(--pk-sand);
--surface-accent:var(--pk-blush);
--surface-card:var(--pk-white);
--surface-invert:var(--pk-olive);

/* --- text --- */
--text-body:var(--pk-ink);
--text-muted:var(--pk-ink-soft);
--text-heading:var(--pk-ink);
--text-accent:var(--pk-olive);
--text-accent-strong:var(--pk-olive-dark);
--text-highlight:var(--pk-wine);
--text-on-invert:var(--pk-creme);
--text-link:var(--pk-olive);
--text-link-hover:var(--pk-olive-dark);

/* --- lines & decoration --- */
--border-subtle:var(--pk-line);
--border-strong:var(--pk-olive);
--decor-mauve:var(--pk-mauve);
--focus-ring:var(--pk-olive);

/* --- interactive --- */
--action-primary-bg:var(--pk-olive);
--action-primary-bg-hover:var(--pk-olive-dark);
--action-primary-text:var(--pk-creme);
--action-secondary-border:var(--pk-olive);
--action-secondary-text:var(--pk-olive);
--action-secondary-bg-hover:var(--pk-blush);
--action-disabled-bg:#DCD6CB;
--action-disabled-text:#8B8479;
}