/* Shared page core: the reset, the design tokens and the body defaults that
   every page carried inline, byte for byte identical on 47 of them.

   Deliberately NOT here: html { scroll-behavior: smooth } and
   img { -webkit-user-drag: none }. A few pages never carried them, and hoisting
   them would silently turn those behaviours on there. They stay per page.

   Linked FIRST, from the same spot in <head> where the old inline <style> was,
   i.e. BEFORE the stamped <!--#head--> block. Keep it there: site.css is loaded
   from that block on purpose, so it still wins the cascade over both this file
   and each page's own stylesheet.

   Pages that need more (min-height, extra tokens, ...) redeclare only the delta
   in their own stylesheet, which loads after this one. */

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --beige: #F5EFE4;
  --beige-dark: #EDE3D3;
  --violet: #7C6B9E;
  --violet-light: #EAE4F4;
  --violet-mid: #B9AEDA;
  --text: #1C1A24;
  --text-muted: #6B6478;
  --white: #FFFDF9;
}

body {
  font-family: 'Inter', sans-serif;
  background: var(--beige);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
}
