:root{
/* primary teal */
--color-primary-900:#003838;
--color-primary-700:#005D5D;
--color-primary-600:#0A6E6E;
--color-primary-500:#127F7F;
--color-primary-300:#79ADAD;
--color-primary-100:#DCEBEA;
--color-accent-teal:#008B8B;
/* secondary warm */
--color-secondary:#FFF1E7;
--color-secondary-deep:#F5DCC8;
--color-sand:#EADFC8;
/* earth accents */
--color-terracotta:#C1633C;
--color-terracotta-100:#F3DCD1;
--color-ochre:#C48A3E;
--color-ochre-100:#F1E2C7;
--color-blush:#E7A99A;
--color-blush-100:#FBEAE4;
/* warm neutrals (ink) */
--color-ink-900:#211A16;
--color-ink-700:#4A3F38;
--color-ink-500:#8A7C73;
--color-ink-300:#C9BEB4;
--color-ink-150:#E7DFD6;
--color-ink-100:#F4EEE7;
--color-white:#FFFFFF;
/* semantic */
--surface-page:var(--color-white);
--surface-warm:var(--color-secondary);
--surface-card:var(--color-white);
--surface-sunken:var(--color-ink-100);
--border-subtle:var(--color-ink-150);
--border-strong:var(--color-ink-300);
--text-body:var(--color-ink-900);
--text-muted:var(--color-ink-500);
--text-inverse:var(--color-white);
--text-link:var(--color-accent-teal);
--brand-primary:var(--color-primary-700);
--brand-primary-hover:var(--color-primary-600);
--brand-primary-active:var(--color-primary-900);
--brand-secondary:var(--color-secondary);
--focus-ring:var(--color-accent-teal);
--status-success:var(--color-primary-600);
--status-warning:var(--color-ochre);
--status-danger:var(--color-terracotta);
--status-info:var(--color-primary-500);
}