/* My Auto Spa / Melkbos Auto Spa brand, shared by the customer pages (/book/, /booking/, /account/).
   Tokens copied from the approved concept site (../build/index.html, v7, 6 Oct 2026). Mata, 8 Oct 2026.
   Fonts are self-hosted: no Google Fonts request. Each page area adds its own CSS on top; do not edit this file
   from a page build, ask for a token instead. */
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 800;font-stretch:112% 125%;font-display:swap;src:url(fonts/Archivo-normal-0.woff2) format('woff2')}
@font-face{font-family:'Bodoni Moda';font-style:italic;font-weight:400 700;font-display:swap;src:url(fonts/BodoniModa-italic-1.woff2) format('woff2')}
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/BodoniModa-normal-2.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/HankenGrotesk-normal-3.woff2) format('woff2')}
:root{
  --ink:#141c27; --ink-deep:#0c121a; --foam:#f6f2ea; --sand:#ebe2d2; --mist:#a7b3b8;
  --royal:#03BFB5;      /* their brand teal: DARK text on it (white on teal fails contrast) */
  --royal-2:#8de6e2; --royal-d:#23a6a0; --glass:#4fd1c0; --glass-d:#1d8f84;
  --brass:#c7a26b; --coral:#e2c792; --coral-d:#8a6a3a;
  --atlantic:#1d2c39; --dusk:#18212d;
  --ok:#1f7a4d; --warn:#8a5a00; --danger:#b42318;
  --serif:'Bodoni Moda',Didot,Georgia,serif;
  --wide:'Archivo','Helvetica Neue',sans-serif;
  --body:'Hanken Grotesk','Helvetica Neue',Arial,sans-serif;
  --radius:14px; --tap:44px;
}