/* ==========================================================================
   v/11 « Coucher de soleil à Siquijor » — palette SUNSET
   Chargé APRÈS /v/00/site.css : redéfinit les tokens + quelques surcharges.
   Abricot, mandarine, rose poudré, violet crépuscule (encre), crème chaude.
   Titres Fraunces (serif display « soft »), texte DM Sans, manuscrit Kaushan.
   ========================================================================== */

:root {
  --bg: #fcefe0;            /* crème chaude */
  --paper: #fff8ef;
  --ink: #3a1b47;           /* violet crépuscule profond */
  --teal: #4a2160;          /* surfaces sombres : hero, footer, notes */
  --teal-deep: #2b1138;
  --lagoon: #8e3d74;
  --aqua: #f7c6c4;          /* rose poudré (tags « Tu organises ») */
  --coral: #f28a45;         /* mandarine */
  --coral-ink: #3a1206;
  --coral-text: #b8501a;    /* mandarine lisible sur crème */
  --gold: #f9b872;          /* abricot : scotch, « Places limitées » */
  --mut: #694d70;
  --line: #f0d4bf;
  --grey: #7b6680;
  --peach: #ffc9a6;
  --white: #ffffff;
  --on-dark: #fff2e6;
  --shadow-color: #4a2160;
  --rose: #e9849a;

  --font-title: "Fraunces", Georgia, serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-hand: "Kaushan Script", cursive;

  --radius-lg: 32px;
  --radius-md: 24px;
}

/* Typo : Fraunces grasse et « soft » partout où l'Archivo était utilisée */
h1, h2, h3, .choice__title, .day__title, .day__num, .formula__price {
  font-weight: 800;
  font-variation-settings: "SOFT" 100, "opsz" 72;
  letter-spacing: -0.01em;
}
.section__title, .page-head__title, .hero__avec, .hero__comme { font-weight: 900; }
.hero__avec, .hero__comme { letter-spacing: 0; }
.day__num { font-variation-settings: "SOFT" 100, "opsz" 14; font-size: 14px; }
.btn, .tab, .program summary { font-family: var(--font-body); font-weight: 700; }

/* Accents mandarine lisibles sur fond crème */
:focus-visible { outline-color: var(--coral-text); }
.about__book, .about__promise, .program summary, .formula__price { color: var(--coral-text); }
.program summary::before { background: var(--coral); }

/* Hero : dégradé violet → rose → mandarine posé sur la photo */
.hero { background: var(--teal); }
.hero::before {
  background:
    linear-gradient(to top, color-mix(in srgb, var(--teal-deep) 92%, transparent) 0%, transparent 36%),
    linear-gradient(100deg,
      var(--teal) 0%,
      var(--teal) 28%,
      color-mix(in srgb, var(--teal) 84%, transparent) 40%,
      color-mix(in srgb, var(--rose) 34%, transparent) 62%,
      color-mix(in srgb, var(--coral) 22%, transparent) 82%,
      color-mix(in srgb, var(--gold) 10%, transparent) 100%);
}
.hero__comme {
  background: linear-gradient(100deg, var(--gold), var(--coral) 70%);
  border-radius: 6px;
}
.choice--avec .choice__icon { background: var(--coral); }
.choice--comme .choice__icon { background: var(--aqua); color: var(--coral-ink); }

/* Cartes : liseré chaud discret */
.trip, .formula { border: 1px solid var(--line); }
.trip__media::after {
  background: linear-gradient(to top, color-mix(in srgb, var(--teal-deep) 62%, transparent), transparent 50%);
}

/* Note & footer : violet → prune, comme la fin d'un coucher de soleil */
.note { border-radius: 14px; background: linear-gradient(110deg, var(--teal), var(--lagoon)); }
.footer {
  background:
    linear-gradient(to bottom, color-mix(in srgb, var(--coral) 26%, transparent), transparent 70%),
    var(--teal);
}
.footer__sign { color: var(--peach); }

@media (max-width: 760px) {
  .hero::before {
    background: linear-gradient(to bottom,
      color-mix(in srgb, var(--teal) 30%, transparent) 0,
      transparent 100px,
      color-mix(in srgb, var(--coral) 14%, transparent) 220px,
      color-mix(in srgb, var(--teal) 86%, transparent) 370px,
      var(--teal) 460px,
      var(--teal-deep) 100%);
  }
}