/**
 * MrSpritz — Palette Aperol & variables (voir PROJECT.md)
 */
:root {
  --aperol-orange: #F26522;
  --aperol-yellow: #FFD105;
  --aperol-navy: #00073D;
  --aperol-blue: #1B60AA;
  --cream: #FFF8F0;
  --cream-dark: #FDF6ED;
  --radius-block: 1.5rem;   /* 24px */
  --radius-button: 0.75rem; /* 12px */
  --radius-card: 2rem;      /* 32px */
}

body {
  font-family: 'Nunito', sans-serif;
  background-color: var(--cream);
  color: var(--aperol-navy);
}

h1, h2, h3, .font-display {
  font-family: 'Quicksand', sans-serif;
}

/* Bouton principal (CTA) */
.btn-primary {
  background-color: var(--aperol-orange);
  color: white;
  border-radius: var(--radius-button);
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  transition: opacity 0.2s, transform 0.2s;
}
.btn-primary:hover {
  opacity: 0.95;
  transform: translateY(-1px);
}

/* Cartes / blocs arrondis */
.card-rounded {
  border-radius: var(--radius-card);
  box-shadow: 0 10px 40px rgba(242, 101, 34, 0.08);
}

.img-rounded {
  border-radius: var(--radius-block);
  overflow: hidden;
}