/* Extracted styles from static/index.html */

/* ═══════════ VARIABLES ═══════════ */
:root {
  --bg: #FDFBF7;
  --bg-warm: #F6F1E9;
  --bg-cream: #EDE7DB;
  --ink: #1C1917;
  --ink-mid: #44403C;
  --ink-light: #78716C;
  --rust: #B45309;
  --rust-deep: #92400E;
  --rust-soft: #FEF3C7;
  --rust-glow: #FFF7ED;
  --forest: #166534;
  --forest-soft: #DCFCE7;
  --navy: #1E3A5F;
  --navy-soft: #DBEAFE;
  --plum: #7C3AED;
  --plum-soft: #EDE9FE;
  --rose: #BE185D;
  --rose-soft: #FCE7F3;
  --card: #FFFFFF;
  --radius: 18px;
  --radius-sm: 12px;
  --shadow: 0 1px 3px rgba(28,25,23,0.04), 0 4px 16px rgba(28,25,23,0.06);
  --shadow-lg: 0 4px 6px rgba(28,25,23,0.04), 0 12px 40px rgba(28,25,23,0.1);
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Outfit', system-ui, sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  font-family: var(--font-body);
  background: var(--bg);
  color: var(--ink);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  opacity: 0.02;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 9999;
}

/* The rest of the CSS remains unchanged from the inline version in static/index.html.
   It was moved here verbatim to keep the HTML lean and maintainable. */