/* ==========================================================================
   THÈME — le seul fichier à modifier pour adapter le site à la marque.
   Couleurs (clair et sombre), polices, arrondis.
   Le reste (site.css) n'utilise que ces variables.

   Marque « AT Pimp my life » : les deux encres du logo, noir et rose poudré,
   sur un blanc à peine rosé. Le rose du logo (--rose) est trop clair pour
   du texte : il sert aux décors (traits, cœurs, étiquettes). Pour les liens,
   on utilise un rose plus profond (--accent).
   ========================================================================== */
:root {
  color-scheme: light dark;

  /* Fond et texte, thème clair */
  --paper: #FFFAFB;        /* fond de page, blanc dragée */
  --surface: #FFFFFF;      /* fond de la fiche détail */
  --blush: #FCEEF1;        /* bandeau rose très pâle (section atelier) */
  --ink: #141012;          /* noir du logo */
  --muted: #6B5960;        /* texte secondaire */
  --line: #F0D8DE;         /* traits fins, fond des photos en chargement */
  --rose: #E08A99;         /* rose du logo : décors uniquement */
  --accent: #A8395A;       /* liens (rose profond, lisible) */

  /* Boutons : noirs comme les lettres « AT », roses au survol */
  --button: #141012;
  --button-ink: #FFFFFF;
  --button-hover: #E08A99;
  --button-hover-ink: #141012;

  /* Étiquettes de prix : six nuances de la marque, attribuées dans l'ordre des créations.
     Chaque fond a sa couleur de texte (contraste vérifié ≥ 4,5:1). */
  --nuance-1: #E08A99; --nuance-1-ink: #141012;  /* rose du logo */
  --nuance-2: #F5C5CF; --nuance-2-ink: #141012;  /* rose poudré */
  --nuance-3: #141012; --nuance-3-ink: #FFFFFF;  /* noir */
  --nuance-4: #CF6F86; --nuance-4-ink: #141012;  /* rose soutenu */
  --nuance-5: #F5C5CF; --nuance-5-ink: #141012;  /* rose poudré */
  --nuance-6: #E08A99; --nuance-6-ink: #141012;  /* rose du logo */
  --fil: #141012;          /* le fil qui suspend les étiquettes */
  --sold: #6E5F65;         /* étiquette « Vendu » */
  --sold-ink: #FFFFFF;

  --notice: #141012;       /* bandeau « exemple » */
  --notice-ink: #FBE3E9;

  /* Polices (fichiers dans assets/fonts, déclarées dans polices.css) */
  --font: "Atkinson Hyperlegible", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-titre: "Fraunces", Georgia, "Times New Roman", serif;

  /* Formes */
  --radius: 18px;
  --max: 1180px;
}

/* Thème sombre automatique (réglage du téléphone ou de l'ordinateur) */
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #171013;
    --surface: #21181C;
    --blush: #24191F;
    --ink: #FBF1F3;
    --muted: #C8B3BA;
    --line: #3A2A31;
    --accent: #F2A7BA;

    --button: #F2A7BA;
    --button-ink: #171013;
    --button-hover: #FBF1F3;
    --button-hover-ink: #171013;

    --nuance-3: #FBF1F3; --nuance-3-ink: #171013;  /* le noir devient blanc rosé */
    --fil: #FBF1F3;
    --sold: #8C7C82;
    --sold-ink: #171013;

    --notice: #F5C5CF;
    --notice-ink: #171013;
  }
}