/* =================================================================
   KM BEAUTY - BASE
   Variables CSS globales + reset minimal
   =================================================================== */

:root {
  --rose-gold: #b76e79;
  --rose-gold-dark: #8e4a54;
  --rose-gold-light: #f7ebe8;
  --dark-text: #2c2c2c;
  --light-bg: #faf8f5;
  --white: #ffffff;
  --success: #22c55e;
  --success-light: #dcfce7;
  --error: #f04438;
  --error-dark: #b42318;
  --font-sans: 'Montserrat', Arial, sans-serif;
  --font-serif: 'Playfair Display', Georgia, serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--font-sans);
  color: var(--dark-text);
  background: var(--white);
  line-height: 1.6;
}

body.km-popup-open { overflow: hidden; }

a { color: var(--rose-gold-dark); }

h1, h2, h3, h4 {
  font-family: var(--font-serif);
  color: var(--dark-text);
  margin-top: 0;
}

img { max-width: 100%; height: auto; }

.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}