:root {
  --hl-ink: #10241A;
  --hl-federal-green: #14523B;
  --hl-bill-green: #2E7D5B;
  --hl-sage: #8FBF9A;
  --hl-cream: #F4F1E4;
  --hl-gold: #B08D3E;

  --hl-burnt-orange: #B85C38;
  --hl-deep-teal: #2F6D75;
  --hl-walnut: #5C4632;

  --hl-ink-deep: #0B1A13;
  --hl-border: #D8D2BC;
  --hl-border-dark: #2E4A38;
  --hl-body: #3F4A38;
  --hl-label: #4E6B4E;
  --hl-label-dark: #A9C4A9;
  --hl-body-dark: #D4E0D0;
  --hl-white: #FFFFFF;
  --hl-desk: #E7E3D2;

  --surface-page: var(--hl-cream);
  --surface-panel: var(--hl-white);
  --surface-inverse: var(--hl-ink);
  --surface-brand: var(--hl-federal-green);
  --text-heading: var(--hl-ink);
  --text-body: var(--hl-body);
  --text-label: var(--hl-label);
  --text-on-dark: var(--hl-body-dark);
  --text-heading-on-dark: var(--hl-cream);
  --text-label-on-dark: var(--hl-label-dark);
  --border-default: var(--hl-border);
  --border-on-dark: var(--hl-border-dark);
  --accent-cta: var(--hl-burnt-orange);
  --accent-data-2: var(--hl-deep-teal);
  --accent-editorial: var(--hl-walnut);
  --accent-revealed: var(--hl-gold);
  --focus-ring: var(--hl-gold);
}