/* The one design-token source for every GlassDollar Directory surface: map, profiles, Companies, About and Studio.
   A value used twice is a token here; rules elsewhere use var(). Values are the live map's (7 Oct 2026). */
:root{
  /* colour */
  --ink:#002F18;--paper:#F1F4F1;--paper-2:#EDEDE8;--white:#FFFFFF;--muted:#55665B;--faint:#596c60;
  --line:#d6dfd7;--hair:rgba(0,47,24,0.10);--green:#00AB55;--green-dark:#007B55;--lum:#EEF7F1;
  --amber:#865918;--danger:#B4231F;--tint:#E9F3EC;--danger-tint:#FFF4F2;--warn:#9a5b00;
  --ink-soft:#385742;--field:#FBFCFA;
  --ink-3:color-mix(in srgb,var(--ink) 3%,transparent);--ink-5:color-mix(in srgb,var(--ink) 5%,transparent);--ink-8:color-mix(in srgb,var(--ink) 8%,transparent);
  --ink-15:color-mix(in srgb,var(--ink) 15%,transparent);--ink-20:color-mix(in srgb,var(--ink) 20%,transparent);
  --white-70:color-mix(in srgb,var(--white) 70%,transparent);--white-80:color-mix(in srgb,var(--white) 80%,transparent);--white-95:color-mix(in srgb,var(--white) 95%,transparent);
  --glass:rgba(241,244,241,0.78);--glass-line:rgba(0,47,24,0.08);
  /* type */
  --sans:'Space Grotesk',-apple-system,Arial,sans-serif;
  /* type scale: one step per size in use; a new size needs a reason */
  --t-10:10px;--t-11:11px;--t-12:12px;--t-13:13px;--t-14:14px;--t-16:16px;--t-18:18px;--t-21:21px;--t-24:24px;--t-28:28px;--t-34:34px;
  /* space, size, shape */
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:28px;--s8:32px;
  --r-s:8px;--r-m:12px;--r-l:18px;--r-pill:999px;
  --ctl:44px;--icon:44px;--page-gutter:32px;
  /* depth */
  --sh-1:0 4px 20px #002f1809;--sh-2:0 16px 48px #002f181c;--shadow:0 12px 40px #002f1809;
  --engage-shadow:0 1px 2px rgba(0,47,24,.05), 0 10px 28px rgba(0,47,24,.12);
  /* glass bars: Apple's material, ~72% tint, strong saturation, 20px blur */
  --bar-tint:color-mix(in srgb,var(--paper) 72%,transparent);--bar-glass:saturate(180%) blur(20px);
  /* motion */
  --ease:cubic-bezier(0.16,1,0.3,1);--dur:0.36s;--dur-s:0.16s;--engage-ease:cubic-bezier(.2,.7,.3,1);
  /* overlays anchor to the map's measured layout (new.js sets --dock-bottom, --foot-h, --free-right) */
  --engage-bottom:calc(var(--dock-bottom, var(--foot-h, 0px)) + 12px);
  --engage-free:calc(100vw - var(--free-right, 0px));
}
/* Blur costs GPU time on every map frame: slow devices (new.js adds .glass-lite) and people who asked for less
   transparency get a plain tint instead. */
:root.glass-lite{--bar-tint:color-mix(in srgb,var(--paper) 94%,transparent);--bar-glass:none}
@media (prefers-reduced-transparency:reduce){:root{--bar-tint:var(--paper);--bar-glass:none}}
@media (max-width:1099px){:root{--page-gutter:24px}}