:root {
  /* Brand */
  --c-teal: #13A8A2;
  --c-teal-dark: #0B5F61;
  --c-teal-light: #EAF8EF;
  --c-teal-xdark: #112b32;

  /* Accents */
  --c-orange: #E6653A;
  --c-gold: #C99728;
  --c-plum: #5f3b51;
  --c-blue: #194771;
  --c-clay: #B86C4A;
  --c-red: #E21447;
  --c-cherry: #A4161A;
  --c-green: #aaba43;

  /* Neutrals */
  --c-charcoal: #1D2430;
  --c-slate: #66707A;
  --c-white: #FBFAF7;
  --c-stone: #F2F0EC;
  --c-border: #D9D4CC;

  --c-light: #f7f8f9;

  /* Short semantic names */
  --primary: var(--c-teal);
  --primary-dark: var(--c-teal-dark);
  --accent: var(--c-orange);
  --accent-2: var(--c-gold);
  --accent-3: var(--c-cherry);
  --text: var(--c-charcoal);
  --muted: var(--c-slate);
  --bg: var(--c-white);
  --surface: #ffffff;
  --border: var(--c-border);
}