/* ============================================
   LUCIENNE — CSS Variables & Reset
   Edit colors, fonts, and spacing here
   ============================================ */

:root {
  /* Colors */
  --ink:         #1a1218;
  --rose:        #c8415e;
  --rose-light:  #e8728a;
  --blush:       #fdf0f3;
  --warm:        #fefcfb;
  --mid:         #9a8890;
  --text:        #3d2d33;
  --white:       #ffffff;
  --border:      #ede5e8;

  /* Typography */
  --font-serif:  'Bodoni Moda', Georgia, serif;
  --font-sans:   'Jost', system-ui, sans-serif;

  /* Spacing */
  --section-pad: 110px 56px;
  --section-pad-sm: 70px 24px;
}

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-sans);
  font-weight: 300;
  background: var(--warm);
  color: var(--text);
  overflow-x: hidden;
}