/* Tenant-editable design tokens. Override this file per client. */
:root{
  /* Brand colours */
  --brand-dark:#353535;
  --brand-black:#202020;
  --brand-primary:#557B56;
  --tool-target:#F6AB1A;
  --tool-boundary:#2D9CDB;
  --brand-white:#FEFEFE;
  --status-danger:#9b2f23;

  /* Compatibility aliases used by the application */
  --atg-dark:var(--brand-dark);
  --atg-black:var(--brand-black);
  --atg-green:var(--brand-primary);
  --atg-yellow:var(--tool-target);
  --atg-blue:var(--tool-boundary);
  --atg-white:var(--brand-white);

  /* Surfaces */
  --page:#f4f5f2;
  --panel:#fff;
  --line:#d9ded8;
  --muted:#667166;
  --control-border:#343a34;
  --shadow:0 10px 28px rgba(0,0,0,.14);
  --control-shadow:0 5px 18px rgba(0,0,0,.14);
  --ui-page:#f4f5f2;
  --ui-panel:#ffffff;
  --ui-surface:#f0f2ef;
  --ui-surface-strong:#e4e8e3;
  --ui-input:#ffffff;
  --ui-text:#202020;
  --ui-muted:#667166;
  --ui-border:#d9ded8;

  /* Typography */
  --font-family:Mulish,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-size-xs:10px;
  --font-size-sm:12px;
  --font-size-base:14px;
  --font-size-md:16px;
  --font-size-lg:20px;
  --font-size-xl:26px;
  --font-size-2xl:34px;
  --line-height-tight:1.15;
  --line-height-base:1.5;
  --font-body-size:var(--font-size-base);
  --font-label-size:var(--font-size-xs);
  --font-button-size:var(--font-size-sm);
  --font-input-size:var(--font-size-base);
  --font-tool-size:var(--font-size-md);
  --font-tool-mobile-size:var(--font-size-sm);
  --font-tool-fullscreen-size:var(--font-size-md);
  --font-count-size:var(--font-size-lg);
  --font-map-control-size:var(--font-size-xs);
  --font-annotation-main-size:18px;
  --font-annotation-sub-size:10px;

  /* Tool and annotation dimensions */
  --tool-button-min-height:54px;
  --tool-action-width:46px;
  --map-border-width:4px;
  --map-fullscreen-border-width:5px;
  --map-control-size:42px;
  --map-action-size:46px;
  --annotation-pin-size:24px;
  --annotation-pin-draft-hit-size:42px;
  --annotation-vertex-size:22px;
  --annotation-midpoint-size:18px;
  --annotation-save-size:24px;
  --annotation-label-width:90px;
  --annotation-label-height:38px;
  --annotation-line-weight:4;
  --annotation-target-fill-opacity:.24;
  --annotation-boundary-fill-opacity:.12;

  /* Safe areas */
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);

  font-family:var(--font-family);
}
html[data-theme="dark"]{
  --ui-page:#202020;
  --ui-panel:#353535;
  --ui-surface:#2c2c2c;
  --ui-surface-strong:#444444;
  --ui-input:#292929;
  --ui-text:#fefefe;
  --ui-muted:rgba(254,254,254,.68);
  --ui-border:rgba(254,254,254,.16);
  --page:var(--ui-page);
  --panel:var(--ui-panel);
  --line:var(--ui-border);
  --muted:var(--ui-muted);
}
html[data-theme="light"]{
  --page:var(--ui-page);
  --panel:var(--ui-panel);
  --line:var(--ui-border);
  --muted:var(--ui-muted);
}