/* HOBER design tokens — the one place shared values are defined.
   The palette and type scale follow the approved HOBER visual language:
   a white / light-cool-grey ground, navy structure, engineering blue for
   actions, and a small amount of sun yellow as an accent only. */
:root{
  /* Ground */
  --color-surface:#ffffff;
  --color-pale:#f3f6fa;
  --color-line:#d8e1eb;
  --color-field-line:#7b8a9d;

  /* Text */
  --color-text:#334155;
  --color-muted:#5b677a;
  --color-heading:#12304a;

  /* Brand and interaction */
  --color-accent:#1559a6;
  --color-accent-dark:#104783;
  --color-accent-pale:#eaf1f9;
  --color-navy:#12304a;
  --color-sun:#f4c247;
  --color-focus:#1559a6;

  /* Type */
  --font-body:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-display:var(--font-body);
  --text-body:17px;
  --leading-body:1.6;

  /* Layout */
  --content-max:1200px;
  --gutter:clamp(20px,4vw,32px);
  --section-space:clamp(40px,7vw,88px);
  --space-1:8px;
  --space-2:16px;
  --space-3:24px;
  --space-4:32px;
  --space-5:48px;
  --space-6:64px;

  /* Shape */
  --radius-sm:6px;
  --radius-md:8px;
  --radius-lg:12px;
  --shadow-float:0 14px 35px rgba(18,48,74,.05);

  /* Motion */
  --transition-fast:150ms ease;
}