/* ===========================================================
   Honey Butter · Vintage Cakes — feuille de style de marque
   Palette & typographie reprises du devis / logo (rose + rouge rétro)
   =========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

/* Police des titres (fournie) */
@font-face {
  font-family: 'Genty';
  src: url('genty.woff2') format('woff2'),
       url('genty.otf') format('opentype'),
       url('genty.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Couleurs */
  --pink-bg:      #f9c9d6;  /* fond rose principal */
  --pink-scallop: #f7b6cb;  /* festons / bordure */
  --pink-soft:    #fde3ea;  /* surfaces douces */
  --pink-line:    #f4a9c4;  /* lignes & séparateurs */
  --red:          #cf4b4d;  /* rouge principal */
  --red-dark:     #b23b43;  /* rouge foncé (ombres/hover) */
  --cream:        #fbf8f5;  /* blanc cassé */
  --ink:          #2c2a2b;  /* texte */
  --muted:        #837d7f;  /* texte secondaire */
  --white:        #ffffff;

  /* Typo */
  --font-script: 'Genty', 'Pacifico', cursive;
  --font-body:   'Poppins', system-ui, sans-serif;

  /* Divers */
  --radius:   22px;
  --radius-sm:14px;
  --shadow:   0 18px 50px rgba(178, 59, 67, .14);
  --shadow-sm:0 6px 18px rgba(178, 59, 67, .10);
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--pink-bg);
  -webkit-font-smoothing: antialiased;
  line-height: 1.55;
}

.script { font-family: var(--font-script); font-weight: 400; }

a { color: var(--red); }

img { max-width: 100%; display: block; }

/* Petites décorations de fond (taches floues) */
.bg-deco { position: fixed; inset: 0; overflow: hidden; z-index: 0; pointer-events: none; }
.bg-deco span {
  position: absolute; border-radius: 50%; filter: blur(40px); opacity: .5;
}
.bg-deco span:nth-child(1){ width:280px;height:280px;background:#ffd7e3;top:-60px;left:-60px;}
.bg-deco span:nth-child(2){ width:240px;height:240px;background:#ffc2d3;bottom:-50px;right:-40px;}
.bg-deco span:nth-child(3){ width:180px;height:180px;background:#ffe4ec;top:40%;right:8%;}