/* HereForm's palette and proportions come from incoming/plan-app/Hereform.dc.html.
   Keep authored renderer/canvas colours outside this visitor-UI foundation. */
@font-face {
  font-family: "Instrument Sans";
  src: url("/instrument-sans.woff2") format("woff2");
  font-weight: 400 700;
  font-stretch: 75% 100%;
  font-style: normal;
  font-display: swap;
}
:root {
  --hf-font: "Instrument Sans", system-ui, sans-serif;
  --hf-font-symbol: system-ui, sans-serif;
  --hf-font-mono: ui-monospace, monospace;
  --hf-ink: #151617;
  --hf-hover: #303234;
  --hf-dimension: #737473;
  --hf-body: #3d3f42;
  --hf-muted: #55585c;
  --hf-subtle: #6a6d70;
  --hf-disabled: #b5b7b9;
  --hf-faint: #c2c4c6;
  --hf-guide: #9a9da1;
  --hf-guide-strong: #8a8d91;
  --hf-line: #d9dadb;
  --hf-line-strong: #b9bcc0;
  --hf-line-soft: #e3e4e5;
  --hf-paper: #fff;
  --hf-paper-soft: #f1f2f3;
  --hf-paper-inset: #eceded;
  --hf-accent: #df3a2e;
  --hf-accent-ink: #b8261d;
  --hf-accent-soft: #fdf1ef;
  --hf-selection: #f6c9c3;
  --hf-success: #2f7d5b;
  --hf-info: #2f5fd0;
  --hf-info-ink: #2448a6;
  --hf-info-soft: #eef2fc;
  --hf-paper-overlay: rgba(255, 255, 255, 0.85);
  --hf-paper-glass: rgba(255, 255, 255, 0.92);
  --hf-shadow-ink: rgba(0, 0, 0, 0.12);
  --hf-shadow-strong: rgba(0, 0, 0, 0.25);
  --hf-shadow-menu: 0 8px 24px var(--hf-shadow-ink);
  /* The approved shared Light module keeps its dawn/day/dusk gradient. */
  --hf-light-night: #717e99;
  --hf-light-dawn: #edb98a;
  --hf-light-day: #e3c967;
  --hf-light-dusk: #d59a87;
  --hf-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23151617' stroke-width='1.5'/%3E%3C/svg%3E");
  --hf-space-1: 4px;
  --hf-space-2: 6px;
  --hf-space-3: 8px;
  --hf-space-4: 10px;
  --hf-space-5: 12px;
  --hf-space-6: 16px;
  --hf-space-7: 18px;
  --hf-space-8: 24px;
  --hf-space-9: 28px;
  --hf-space-10: 40px;
  --hf-space-11: 48px;
  --hf-radius: 0;
  --hf-radius-round: 50%;
  --hf-target: 44px;
  --hf-header-height: 52px;
  --hf-type-tiny: 11px;
  --hf-type-detail: 14px;
  --hf-type-small: 12px;
  --hf-type-sheet-title: clamp(28px, 2.8vw, 36px);
  --hf-type-page-title: var(--hf-type-sheet-title);
  --hf-type-story-title: clamp(26px, 2.6vw, 34px);
  --hf-type-caption: 13px;
  --hf-type-control: 15px;
  --hf-type-body: 16px;
  --hf-type-brand: 24px;
  --hf-leading: 1.45;
  --hf-leading-control: 1.35;
  --hf-duration-pulse: 1s;
  --hf-duration-fast: 180ms;
  --hf-duration-flash: 450ms;
  --hf-duration-panel: 300ms;
  --hf-duration-arrival: 320ms;
  --hf-duration-slow: 700ms;
  --hf-ease: ease;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --hf-duration-pulse: 0s;
    --hf-duration-fast: 0s;
    --hf-duration-flash: 0s;
    --hf-duration-panel: 0s;
    --hf-duration-arrival: 0s;
    --hf-duration-slow: 0s;
  }
}