/* Touchstone Life Care: design tokens (taken from touchstonelifecare.com global styles) */
:root {
  /* Brand */
  --forest: #064D45;      /* primary */
  --forest-700: #053d37;
  --forest-900: #032a26;
  --teal: #3A8476;        /* secondary */
  --teal-100: #dcece8;
  --teal-50: #eef6f4;
  --clay: #C39576;        /* accent */
  --clay-100: #f3e8e0;
  --sage: #b7cfca;        /* logo "O" */
  --slate: #435363;       /* body text */
  --muted: #6b7782;
  --line: #d9dfe2;
  --mist: #F1F9FB;
  --stone: #EDE9E7;
  --stone-50: #f7f5f3;
  --paper: #ffffff;
  --ok: #2f7d4f;
  --warn: #a8641c;
  --warn-100: #fbefe2;
  --danger: #b3412f;

  /* Type */
  --font-head: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-slab: "Roboto Slab", Georgia, serif;

  /* Shape */
  --r-sm: 10px;
  --r: 16px;
  --r-lg: 24px;
  --r-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(6, 77, 69, .06), 0 2px 8px rgba(6, 77, 69, .05);
  --shadow: 0 2px 4px rgba(6, 77, 69, .05), 0 10px 30px rgba(6, 77, 69, .09);
  --shadow-lg: 0 30px 60px -20px rgba(3, 42, 38, .35);

  /* Touch */
  --tap: 56px;
}