/* Palais Mascotte — Spacing, borders, radius, shadow, motion
   The brand is flat and editorial: sharp corners, hairline ink rules, no soft shadows. */
:root{
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px; --sp-10:128px;

  /* Radius — the system is square. Pills only appear on tags/date-stamps. */
  --radius-none:0px;
  --radius-pill:999px;

  /* Borders — always ink hairlines, occasionally 2px */
  --bw-hair:1px;
  --bw-bold:2px;
  --border-hair:1px solid var(--line);
  --border-bold:2px solid var(--line);

  /* Shadow — essentially none; flat print aesthetic. One optional hard offset for stickers. */
  --shadow-none:none;
  --shadow-hard:4px 4px 0 var(--pm-ink);

  /* Motion — quick, mechanical, no bounce */
  --ease-std:cubic-bezier(.2,0,0,1);  /* @kind other */
  --dur-fast:120ms;  /* @kind other */
  --dur:200ms;       /* @kind other */
  --dur-slow:360ms;  /* @kind other */

  --container:1280px;
}