/* Layer order for the whole theme. tokens.css is enqueued first (inc/assets.php), so this is
   the first @layer statement the browser sees and it fixes the order for main.css too. */
@layer tokens, reset, base, layout, components, utilities;
@layer tokens {
:root {
  --vn-font-display: "Cormorant Garamond", Georgia, serif;
  --vn-font-body: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
  --vn-radius: 8px;
  --vn-space-1: .25rem; --vn-space-2: .5rem; --vn-space-3: .75rem; --vn-space-4: 1rem;
  --vn-space-5: 1.5rem; --vn-space-6: 2rem; --vn-space-7: 3rem; --vn-space-8: 5rem;
  --vn-step--1: clamp(.83rem, .8rem + .15vw, .9rem);
  --vn-step-0: clamp(1rem, .95rem + .25vw, 1.125rem);
  --vn-step-1: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);
  --vn-step-2: clamp(1.56rem, 1.4rem + .8vw, 2rem);
  --vn-step-3: clamp(1.95rem, 1.7rem + 1.25vw, 2.75rem);
  --vn-step-4: clamp(2.44rem, 2rem + 2.2vw, 3.75rem);
  --vn-step-5: clamp(3rem, 2.4rem + 3vw, 5rem);
  --vn-max: 1200px;
  /* Height of the desktop top bar (phone/mail/languages). A token because THREE things have to
     agree on it: the bar's own min-height, the `top` the front page's absolute header is offset
     by (it sits directly under the bar), and the `calc(100svh - …)` that makes the home hero fill
     exactly the rest of the first screen. The bar is display:none below 1024px, so every rule
     that subtracts this token is inside a >=1024px media query. */
  --vn-topbar-h: 40px;
  /* The one easing the motion block in main.css reveals (and settles the hero) with. It was
     written out as `cubic-bezier(.23,1,.32,1)` five times; it is a token now because the reveal
     transition also has to be re-declared verbatim on any element that carries a transition of
     its own (see --vn-reveal and .vn-formula-card in main.css), and two hand-copied bezier curves
     that must stay identical is exactly the kind of pair that silently drifts apart. */
  --vn-ease: cubic-bezier(.23,1,.32,1);
}
[data-palette="sand"] {
  --vn-bg: #F7F3EC; --vn-surface: #FFFFFF; --vn-text: #1F2A33; --vn-muted: #5B6670;
  --vn-accent: #1F5F73; --vn-accent-hover: #174A5A; --vn-line: #E4DDD2;
  --vn-avail: #3E9C56; --vn-booked: #C9552A; --vn-pending: #E5B84B;
  --vn-brand: #5A4B42;
}
[data-palette="stone"] {
  --vn-bg: #F4F5F3; --vn-surface: #FFFFFF; --vn-text: #1C2429; --vn-muted: #5A6470;
  --vn-accent: #1E5A6E; --vn-accent-hover: #164654; --vn-line: #DFE3E1;
  --vn-avail: #3E9C56; --vn-booked: #C9552A; --vn-pending: #E5B84B;
  --vn-brand: #5A4B42;
}
}