/* =========================================================
   SHARED DESIGN TOKENS
   ========================================================= */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --cream:       #F2EAD9;
  --light-cream: #F8F4EC;
  --deep-green:  #163D22;
  --forest:      #1E4D2B;
  --sage:        #5A8A64;
  --receipt-bg:  #f8e7e2;
  --ink:         #173b26;
  --orbit-cream: #f7f0df;
  --orbit-paper: #fffaf0;
  --orbit-ink:   #173b26;

  --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-sans:  "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-script:"Dancing Script", cursive;
}

html, body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  background: var(--cream);
  font-family: var(--font-serif);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
}

img { display: block; pointer-events: none; user-select: none; -webkit-user-drag: none; }
button { cursor: pointer; font-family: inherit; border: none; background: none; }