:root {
  --blue: oklch(48.4% 0.134 257.9);
  --blue-deep: oklch(33% 0.105 259);
  --blue-night: oklch(24% 0.07 260);
  --blue-soft: oklch(70% 0.09 255);
  --blue-mist: oklch(93% 0.025 255);
  --alu: oklch(37.3% 0.006 285);
  --alu-2: oklch(52% 0.008 270);
  --line: oklch(88% 0.01 258);
  --paper: oklch(96.4% 0.004 258);
  --snow: oklch(99.2% 0.003 258);
  --ease: cubic-bezier(.22,1,.36,1);
  --ar: "Alexandria", system-ui, sans-serif;
  --en: "Blauer Nue", "Archivo", "Alexandria", sans-serif;
  --pad: clamp(20px, 5vw, 72px);
  --font-body: var(--ar);
  --fs-h1: clamp(38px,4.4vw,70px);
  --fs-h2: clamp(30px,3.6vw,54px);
  --fs-h3: clamp(22px,2.3vw,34px);
  --fs-h4: clamp(20px,2vw,26px);
  --fs-body: 17px;
  --fs-lead: clamp(17px,1.35vw,20px);
  --fs-small: clamp(13px,1vw,15px);
  --sp-section: clamp(70px,9vw,130px);
  --sp-heading: clamp(36px,5vw,64px);
  --sp-small: 14px;
  --sp-medium: 26px;
  --sp-large: 40px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 22px;
  --header-h: 96px;
  --admin-bar-h: 0px;
}
html[lang="en"] { --font-body: var(--en); font-stretch: 112%; }
body.admin-bar { --admin-bar-h: 32px; }
@media (max-width: 782px) { body.admin-bar { --admin-bar-h: 46px; } }