/* ============================================
   TOKENS — Nour, suivi du cycle menstruel
   Palette douce (ivoire, blush, sauge, pêche, lavande, lagon),
   une couleur par phase du cycle. Toute couleur/typo part d'ici.
   ============================================ */
:root {
  --ivory: #FBF7F2;
  --cream: #F6EFE5;
  --cream-dark: #EEE3D2;
  --sand: #E2D3BE;
  --ink: #31291F;
  --ink-soft: #5C5245;
  --ink-muted: #9C8F7E;
  --blush: #E7B2B4;
  --blush-deep: #C9767C;
  --peach: #EFB88A;
  --peach-deep: #D98C51;
  --sage: #A7B693;
  --sage-deep: #748A63;
  --lavender: #B4A3CB;
  --lavender-deep: #8F76B0;
  --lagoon: #86ADA6;
  --lagoon-deep: #5C8E86;
  --champagne: #D6BA8E;
  --champagne-deep: #9C7C4A;
  --white: #FFFFFF;

  /* Typographie — Fraunces pour les moments de signature (titres, anneau
     de cycle, citations), Inter pour tout le reste. Même paire que les
     autres apps NourStudio, pour une cohérence de marque. */
  --serif: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--sans);
  background: radial-gradient(ellipse at top, var(--champagne) 22%, var(--ivory) 55%);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  color: var(--ink);
}

button, input, textarea {
  font-family: inherit;
}
button {
  cursor: pointer;
  border: none;
  background: none;
}