/* Vets Relief brand tokens. Source: vetsrelief.com repo, src/css/styles.css.
   Link this before any other stylesheet. Requires /fonts/inter-var.woff2. */

:root {
  --brand-green: #07843D;
  --brand-green-dark: #005E2D;
  --brand-green-deep: #003D22;
  --brand-green-light: #17A95B;
  --black: #050505;
  --charcoal: #141414;
  --dark-surface: #0B1711;
  --white: #FFFFFF;
  --off-white: #F7F8F7;
  --light-gray: #ECEFEC;
  --mid-gray: #A4AAA6;
  --text-gray: #4D5550;

  --radius: 12px;
  --radius-sm: 8px;
  --container: 1280px;
  --max: 1440px;
  --shadow: 0 10px 30px rgba(5, 5, 5, .08);
  --shadow-lg: 0 20px 50px rgba(5, 5, 5, .14);
  --ease: cubic-bezier(.2, .7, .2, 1);
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --header-h: 96px;
}

@font-face {
  font-family: "Inter";
  src: url("/fonts/inter-var.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Base type and focus, matching vetsrelief.com */
:focus-visible { outline: 3px solid var(--brand-green-light); outline-offset: 2px; border-radius: 4px; }
body { margin: 0; font-family: var(--font); font-size: 1rem; line-height: 1.6; color: var(--text-gray); background: var(--white); }
h1, h2, h3, h4 { color: var(--black); font-weight: 800; line-height: 1.1; letter-spacing: -.01em; }
h1 { font-size: clamp(2.25rem, 5vw, 3.75rem); line-height: 1.05; }
h2 { font-size: clamp(1.75rem, 3vw, 2.5rem); }
h3 { font-size: 1.125rem; font-weight: 700; line-height: 1.3; }
a { color: var(--brand-green); text-decoration: none; }
a:hover { color: var(--brand-green-dark); }