/* Shared JET values, taken from the approved home and service pages. */
:root {
  --jet-font-family: "Plus Jakarta Sans", Arial, sans-serif;
  --jet-ink: #242728;
  --jet-text-primary: #090a0a;
  --jet-text-muted: #5d6265;
  --jet-paper: #eef3f6;
  --jet-white: #fff;
  --jet-red: #e5231f;
  --jet-surface-dark: #090a0a;
  --jet-surface-dark-secondary: #15191b;
  --jet-text-on-dark-muted: #8d969b;
  --jet-line-light: #d2d6d8;
  --jet-line-dark: #2d3235;
  --jet-ease: cubic-bezier(.16, 1, .3, 1);
  --jet-space-8: 8px;
  --jet-space-16: 16px;
  --jet-space-24: 24px;
  --jet-space-32: 32px;
  --jet-space-40: 40px;
  --jet-type-label: 12px;
  --jet-tracking-label: .04em;
  --jet-tracking-heading: -.04em;
  --jet-control-height: 48px;
  --jet-radius-control: 0;
}

/* The one JET arrow (same as the hero/discover SVG). Use as a mask so it takes currentColor. */
:root { --jet-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2.5 10h14M11.5 5l5 5-5 5' stroke='%23000' stroke-width='1.8' stroke-linecap='square'/%3E%3C/svg%3E"); }

/* Large screens (24"–27" and up): the whole site scales up a little (max 1.25), so big monitors gain room instead of looking like a laptop. (Was up to 1.6 until 2026-11-02: too big.)
   Full-height blocks divide their vh by --jet-zoom so they still fit the screen. Not in the WordPress admin. */
:root { --jet-zoom: 1; }
@media (min-width: 1600px) { html:not(.wp-toolbar) { --jet-zoom: 1.05; zoom: 1.05; } }
@media (min-width: 1800px) { html:not(.wp-toolbar) { --jet-zoom: 1.1; zoom: 1.1; } }
@media (min-width: 2000px) { html:not(.wp-toolbar) { --jet-zoom: 1.15; zoom: 1.15; } }
@media (min-width: 2200px) { html:not(.wp-toolbar) { --jet-zoom: 1.2; zoom: 1.2; } }
@media (min-width: 2400px) { html:not(.wp-toolbar) { --jet-zoom: 1.25; zoom: 1.25; } }