/* Saxo Schlüsseldienst — Tokens. Neubau N1.
   Nirgends sonst steht ein Farbwert. */

:root{
  /* Flächen */
  --ground:#F5EFDD;
  --surface:#F7F2E3;
  --sunk:#EBE0C2;
  --deep:#14120C;
  --deep-2:#231F14;

  /* Schrift */
  --ink:#14120C;
  --ink-2:#4B4534;
  --ink-3:#7D7565;
  --on-deep:#F5EFDD;
  --on-deep-2:#BFB49A;

  /* Linien */
  --line:#DCD0AE;
  --line-2:#C6B894;

  /* Anrufweg und Notdienst — sonst nirgends */
  /* Betriebszustand — nur an der Statusleiste */
  --led:#3F9A55;

  --orange:#E8862A;
  --orange-dark:#C96D18;

  /* Kanten und Tiefe */
  --edge:inset 0 1px 0 rgba(255,232,196,.75);
  --shadow:0 1px 2px rgba(20,18,12,.06), 0 8px 20px -12px rgba(20,18,12,.14);
  --shadow-lift:0 2px 4px rgba(20,18,12,.07), 0 18px 36px -18px rgba(20,18,12,.22);

  /* Bewegung */
  --ease:cubic-bezier(.22,.68,.26,1);
  --slow:cubic-bezier(.16,.84,.24,1);

  /* Schriftfamilien */
  --head:"Archivo","Archivo Fallback",system-ui,sans-serif;
  --body:"Public Sans","Public Sans Fallback",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",monospace;

  /* Maße */
  --r:5px;
  --hd-h:64px;
  --wrap:1180px;
  --gut:clamp(20px,3.4vw,40px);
  --sec:clamp(52px,6vw,84px);
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px;
  --s6:24px; --s7:32px; --s8:44px; --s9:60px; --s10:80px;

  /* Verläufe über Fotos — Schrift muss tragen */
  --veil:linear-gradient(to top,rgba(10,9,6,.84) 0%,rgba(10,9,6,.34) 36%,transparent 68%);
  --veil-side:linear-gradient(100deg,rgba(10,9,6,.88) 0%,rgba(10,9,6,.52) 40%,rgba(10,9,6,.08) 78%);
  --veil-flat:linear-gradient(to top,rgba(10,9,6,.78) 0%,rgba(10,9,6,.28) 52%,rgba(10,9,6,.12) 100%);
  /* Flacher Schleier über dem Hero — hält Schrift auch über hellen Bildstellen lesbar */
  --scrim:linear-gradient(to top,rgba(10,9,6,.44) 0%,rgba(10,9,6,.38) 62%,rgba(10,9,6,.36) 100%);
}