:root{
/* --- Brand palette (base) --- */
--plonio-green:#4E8C3F;
--plonio-green-deep:#35682B;
--plonio-green-soft:#E8F1E2;
--plonio-honey:#E9A13B;
--plonio-honey-soft:#FBEEDA;
--plonio-cream:#FAF6EE;
--plonio-white:#FFFFFF;
--plonio-ink:#26301F;
--plonio-ink-2:#5A6852;
--plonio-earth:#8A6B4E;
--footer-bg:#223019;

/* --- Semantic status --- */
--color-success:#4E8C3F;
--color-warning:#E9A13B;
--color-error:#D9534F;
--color-info:#4A88B5;
--color-error-soft:#FBEAE9;

/* --- Semantic aliases: surfaces --- */
--surface-page:var(--plonio-cream);
--surface-card:var(--plonio-white);
--surface-tint:var(--plonio-green-soft);
--surface-accent:var(--plonio-honey-soft);
--surface-footer:var(--footer-bg);
--surface-field:var(--plonio-white);

/* --- Semantic aliases: text --- */
--text-body:var(--plonio-ink);
--text-muted:var(--plonio-ink-2);
--text-accent:var(--plonio-green-deep);
--text-on-dark:#EEF3E8;
--text-on-dark-muted:#A9BC9C;
--text-on-green:#FFFFFF;
--text-error:var(--color-error);

/* --- Semantic aliases: interactive --- */
--action-primary:var(--plonio-green);
--action-primary-hover:var(--plonio-green-deep);
--action-primary-text:#FFFFFF;
--action-secondary-border:var(--plonio-green);
--action-secondary-text:var(--plonio-green-deep);
--action-secondary-hover-bg:var(--plonio-green-soft);
--link:var(--plonio-green-deep);
--link-hover:var(--plonio-green);
--focus-ring:var(--plonio-green);

/* --- Lines --- */
--border-hairline:#E4DED1;
--border-field:#D5CFC1;
--border-strong:#C6BFAE;
--border-on-dark:#3A4C2E;
}