/* ============================================================
   Variables, Reset & Base
   ============================================================ */

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

:root {
  --navy: #102668;
  --navy-dark: #0b1a4a;
  --navy-deeper: #070f2e;
  --navy-light: #1a3580;
  --gold: #c3966e;
  --gold-light: #d5ae86;
  --gold-dark: #b07d55;
  --cream: #faf9f6;
  --text-primary: #1a1a2e;
  --text-secondary: #3a3a4a;
  --text-light: #6a6a7a;

  /* Book dimensions — desktop */
  --page-w: 420px;
  --page-h: 594px;
  --spread-w: 840px;
  --book-scale: 1;
}

html, body {
  height: 100%;
  font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  background: linear-gradient(145deg, #1a1a2e 0%, #16213e 40%, #0f3460 100%);
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}