/* ════════════════════════════════════════════════════════════════
   HansePay Landing Pages — Design Tokens
   Extracted verbatim from the live site (index.html / platform.html /
   legal.html) so every one of the 59+5 pages matches hansepay.de
   exactly. Do not hand-edit values here without checking they still
   match the live site — these must stay in sync.
   ════════════════════════════════════════════════════════════════ */

:root {
  /* Navy scale */
  --n900:#060D1A;--n800:#0B1929;--n700:#0F2540;--n600:#163659;
  --n500:#1E4E80;--n400:#2E6BAD;--n300:#3B7BC4;--n200:#8DBDE6;
  --n100:#C4DDEF;--n050:#EBF4FB;--off:#F5F1EA;--gold:#C9A961;

  /* Ink (text) */
  --ink:#0B1929;--ink2:#3D5A73;--ink3:#7A9AB0;

  /* Semantic */
  --success:#16a34a;--warn:#d97706;--danger:#dc2626;

  /* Fonts */
  --font-ui:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --font-display:Georgia,'Times New Roman',serif;
  --font-logo:'Libre Baskerville',Georgia,serif;

  /* Radii */
  --r-pill:100px;--r-lg:16px;--r-md:10px;--r-sm:6px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:var(--font-ui);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}