/* Mariposa Couture — tokens figés
   Uniquement la palette planche + rôles dérivés de ces hex. */

:root {
  /* Palette officielle (planche) */
  --mc-jaune: #f9af0c;
  --mc-orange: #ec680f;
  --mc-brun: #723400;
  --mc-rose: #dd2786;
  --mc-prune: #83164e;
  --mc-rose-clair: #f7c0d8;
  --mc-lavande: #c89dc8;
  --mc-violet: #6a3781;
  --mc-bleu: #5271ff;
  --mc-vert-eau: #78b7a1;
  --mc-vert: #007855;
  --mc-creme: #f8f1e6;
  --mc-blanc: #ffffff;

  /* Rôles */
  --mc-brand: var(--mc-bleu);
  --mc-accent: var(--mc-rose);
  /* Jaune : accents rares (pas texte UI — contraste trop faible sur clair) */
  --mc-highlight: var(--mc-jaune);
  --mc-support: var(--mc-orange);
  --mc-tagline: var(--mc-violet); /* « mercerie créative » sur fond clair */
  /* Option A — équilibre : crème en fond, rose clair en chrome */
  --mc-bg: var(--mc-creme);
  --mc-chrome: var(--mc-rose-clair); /* header + footer */
  /* Texte unifié (peu de couleurs UI) */
  --mc-ink: var(--mc-prune);
  --mc-ink-muted: var(--mc-prune);
  --mc-surface: var(--mc-blanc); /* champs de saisie */
  --mc-line: var(--mc-prune);

  /* Typo */
  --mc-font-display: "AveraSansTC", "Avera Sans", Helvetica, Arial, sans-serif;
  --mc-font-body: Helvetica, Arial, sans-serif;
  --mc-font-script: Georgia, "Times New Roman", serif;

  /* Espacements — fat design */
  --mc-space-xs: 0.65rem;
  --mc-space-sm: 1.15rem;
  --mc-space-md: 2rem;
  --mc-space-lg: 3.75rem;
  --mc-space-xl: 6rem;
  --mc-radius: 0.45rem;
  --mc-radius-pill: 2.6em 3.4em 2.4em 3.6em / 3em 2.3em 3.4em 2.6em;
  --mc-max: 40rem;
}

@font-face {
  font-family: "AveraSansTC";
  src: url("../fonts/AveraSansTC-Lt.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "AveraSansTC";
  src: url("../fonts/AveraSansTc-Rg.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "AveraSansTC";
  src: url("../fonts/AveraSansTC-Bld.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}