/* Growtelo frozen prototype token migration. Keep this file as the single CSS token source. */
:root {
  --color-ink: #182224; --color-teal: #196b69; --color-deep-teal: #103f40; --color-pale-green: #d8e8df;
  --color-warm-off-white: #f5f3ed; --color-muted-text: #667174; --color-border: #dce2df; --color-coral: #df765f;
  --color-dark-section: #122e2f; --color-deepest-footer: #091e1f; --color-white: #fff;
  --font-body: Arial, Helvetica, sans-serif; --font-size-body: 1rem; --font-size-small: .8125rem; --font-size-eyebrow: .6875rem;
  --font-size-h1: clamp(3.25rem, 7vw, 5.25rem); --font-size-h2: clamp(2.5rem, 4.5vw, 3.75rem); --font-size-h3: clamp(1.35rem, 2vw, 1.95rem);
  --line-height-body: 1.5; --line-height-display: .98; --space-1: .5rem; --space-2: .75rem; --space-3: 1rem;
  --space-4: 1.5rem; --space-5: 2rem; --space-6: 3rem; --space-7: 4.5rem; --space-8: 6.75rem;
  --container-max: 75rem; --container-gutter: clamp(1.25rem, 7vw, 6.5rem); --header-height: 4.75rem;
  --radius-sm: .5rem; --radius-md: .75rem; --shadow-card: 0 .75rem 2.5rem rgb(24 34 36 / .08);
}