/* Aureé Beauty — tokens da marca (compartilhado entre opcao-1 e opcao-2) */
:root {
  /* cores extraídas do logo */
  --rose: #be8e7e;        /* "Aureé" */
  --rose-dark: #9e6f60;
  --rose-light: #ead7cf;
  --sage: #94a598;        /* tarja "BEAUTY" */
  --sage-dark: #6f8273;
  --sage-light: #dfe6e0;
  --cream: #f3e9da;       /* versão creme do logo */
  --peach: #fddcb7;       /* selo colorida 2 */
  --cocoa: #5a3e36;       /* camisetas marrons do ensaio */
  --ink: #2b2523;
  --muted: #7a6f6b;
  --bg: #fffdfa;
  --line: #ece4dc;

  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Jost", "Helvetica Neue", Arial, sans-serif;

  --container: 1320px;
  --radius: 6px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }

.container { width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 20px; }