:root {
  --color-teal:#28aaaa; --color-teal-ink:#1d8383;
  --color-yellow:#fbc200; --color-yellow-ink:#e0ad00;
  --color-orange:#e9810f; --color-orange-ink:#cf7009;
  --color-pink:#eda3c6; --color-pink-ink:#e08cb6;
  --color-green:var(--color-teal); --color-green-ink:var(--color-teal-ink);
  --brand-ink:#474645;
  --deco-olive:#d6d7a2; --deco-lime:#e9e8ae; --deco-peach:#f7d6b3; --deco-cream:#faead8;
  --deco-sand:#f3e3d2; --deco-butter:#fef4d5; --deco-mist:#c3e4e4;
  --gray-50:#f9fafb; --gray-100:#f3f4f6; --gray-200:#e5e7eb; --gray-300:#d1d5db;
  --gray-400:#9ca3af; --gray-500:#6b7280; --gray-600:#4b5563; --gray-700:#374151;
  --gray-800:#1f2937; --gray-900:#111827; --black:#061322; --white:#ffffff;
  --brand-primary:var(--color-teal); --brand-secondary:var(--color-yellow); --brand-accent:var(--color-orange);
  --surface-page:var(--gray-100); --surface-card:var(--white); --surface-muted:var(--gray-200); --surface-menu:var(--color-teal);
  --text-heading:var(--brand-ink); --text-body:var(--gray-700); --text-muted:var(--gray-500);
  --text-faint:var(--gray-400); --text-eyebrow:var(--gray-400); --text-invert:var(--white); --text-link:var(--color-teal);
  --border-hairline:var(--gray-300); --border-strong:var(--gray-500);
  --state-error:var(--color-orange); --state-success:var(--color-teal);
}