/* HOBER design tokens.
   Palette and character follow the Workspace material DESIGN.md
   ("Visual Language — Editorial Solar Water Engineering"). */
:root{
  /* Brand palette */
  --hober-blue:#1A5FB3;
  --hober-blue-deep:#12467F;
  --water-blue:#5CA1DD;
  --water-blue-light:#DDEFFA;
  --solar-yellow:#F6BC03;
  --white:#FFFFFF;
  --off-white:#F8FAFC;
  --light-gray:#EEF3F6;
  --ink:#17232D;
  --body-gray:#5B6872;
  --border-gray:#D8E3EA;

  /* Semantic aliases used by the site stylesheet */
  --color-ink:var(--ink);
  --color-background:var(--off-white);
  --color-focus:var(--hober-blue);
  --color-border:var(--border-gray);

  /* Type: editorial heading, neutral body, monospaced technical labels */
  --font-display:"Inter","Helvetica Neue",Arial,sans-serif;
  --font-body:"Inter","Helvetica Neue",Arial,sans-serif;
  --font-mono:"IBM Plex Mono","JetBrains Mono","Courier New",monospace;

  /* Structure: low radius, no shadow, wide content, generous vertical rhythm */
  --content-max:1400px;
  --gutter:clamp(24px,4vw,80px);
  --section-y:clamp(72px,9vw,132px);
  --radius-control:5px;
  --radius-surface:5px;
  --border-hair:1px solid var(--border-gray);
  --space-section:var(--section-y);
}