:root {
  --tf-charcoal: var(--wp--preset--color--charcoal);
  --tf-ink: var(--wp--custom--tripfacilitator--color--ink);
  --tf-moss: var(--wp--preset--color--moss);
  --tf-leaf: var(--wp--preset--color--botanical);
  --tf-gold: var(--wp--preset--color--healing-yellow);
  --tf-cream: var(--wp--preset--color--warm-cream);
  --tf-paper: var(--wp--preset--color--paper);
  --tf-stone: var(--wp--preset--color--warm-stone);
  --tf-sage: var(--wp--preset--color--soft-sage);
  --tf-ash: var(--wp--preset--color--charcoal-gray);
  --tf-muted: var(--wp--custom--tripfacilitator--color--muted);
  --tf-line: var(--wp--custom--tripfacilitator--color--line);
  --tf-panel: var(--wp--custom--tripfacilitator--color--panel);
  --tf-panel-stone: var(--wp--custom--tripfacilitator--color--panel-stone);
  --tf-selection-bg: var(--wp--custom--tripfacilitator--color--selection-background);
  --tf-selection-text: var(--wp--custom--tripfacilitator--color--selection-text);
  --tf-shadow: var(--wp--custom--tripfacilitator--shadow--strong);
  --tf-soft-shadow: var(--wp--custom--tripfacilitator--shadow--soft);
  --tf-radius-card: var(--wp--custom--tripfacilitator--radius--card);
  --tf-radius-panel: var(--wp--custom--tripfacilitator--radius--panel);
  --tf-radius-pill: var(--wp--custom--tripfacilitator--radius--pill);
  --tf-type-hero: var(--wp--custom--tripfacilitator--typography--hero);
  --tf-type-page: var(--wp--preset--font-size--display);
  --tf-type-section: var(--wp--custom--tripfacilitator--typography--section);
  --tf-type-subsection: var(--wp--custom--tripfacilitator--typography--subsection);
  --tf-type-card: var(--wp--preset--font-size--x-large);
  --tf-type-body: var(--wp--preset--font-size--medium);
  --tf-type-lede: var(--wp--preset--font-size--large);
  --tf-type-small: var(--wp--preset--font-size--small);
  --tf-type-label: var(--wp--custom--tripfacilitator--typography--label);
  --tf-leading-tight: var(--wp--custom--tripfacilitator--typography--leading-tight);
  --tf-leading-heading: var(--wp--custom--tripfacilitator--typography--leading-heading);
  --tf-leading-body: var(--wp--custom--tripfacilitator--typography--leading-body);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background:
    radial-gradient(circle at top left, rgba(220, 233, 130, 0.16), transparent 28rem),
    var(--tf-cream);
  color: var(--tf-ink);
  letter-spacing: 0;
  font-size: var(--tf-type-body);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

a {
  text-underline-offset: 0.18em;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 220ms ease;
}

::selection {
  background: var(--tf-selection-bg);
  color: var(--tf-selection-text);
}

::-moz-selection {
  background: var(--tf-selection-bg);
  color: var(--tf-selection-text);
}

:focus-visible {
  outline: 3px solid rgba(220, 233, 130, 0.76);
  outline-offset: 4px;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}