/* Tree Removal Pocatello â€” exact native Paper tokens. */
@font-face { font-family: 'Poppins'; src: url('fonts/Poppins-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Variable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
:root {
  --color-leaf: #70CF3A;
  --color-forest: #285C20;
  --color-ink: #182018;
  --color-white: #FFFFFF;
  --color-mist: #F3F6F1;
  --color-muted: #52604E;
  --color-border: #CBD5C6;
  --color-red: #C9342D;
  --color-red-hover: #A52420;
  --color-text: var(--color-ink);
  --color-surface: var(--color-white);
  --color-action: var(--color-leaf);
  --color-on-action: var(--color-ink);
  --color-action-hover: #5DB82C;
  --color-focus: var(--color-forest);
  --color-error: var(--color-red);
  --color-control-border: var(--color-muted);
  --color-web-nav: #E2E2E2;
  --color-web-panel: #F6F7F8;
  --color-web-heading: #59B22B;
  --color-web-link: #FE0000;
  --font-display: "Poppins";
  --font-sans: "Roboto";
  --text-display: 64px;
  --text-title: 44px;
  --text-heading: 32px;
  --text-subheading: 20px;
  --text-body: 18px;
  --text-ui: 16px;
  --text-caption: 14px;
  --text-mobile-display: 40px;
  --text-web-hero: 52px;
  --text-web-body: 20px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-display: -0.035em;
  --tracking-title: -0.025em;
  --tracking-label: 0.1em;
  --leading-display: 72px;
  --leading-title: 54px;
  --leading-heading: 42px;
  --leading-subheading: 28px;
  --leading-body: 28px;
  --leading-ui: 24px;
  --leading-caption: 20px;
  --leading-mobile-display: 48px;
  --leading-web-hero: 72px;
  --leading-web-body: 33px;
  --opacity-full: 100%;
  --opacity-disabled: 40%;
  --opacity-scrim: 72%;
  --breakpoint-mobile: 390px;
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1440px;
  --container-sheet: 1440px;
  --container-content: 1248px;
  --container-reading: 640px;
  --container-control: 52px;
  --container-icon: 24px;
  --container-web-content: 1140px;
  --container-web-nav: 1200px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --spacing-96: 96px;
  --radius-square: 0px;
  --radius-control: 4px;
  --radius-card: 8px;
  --radius-web: 0px;
}
