/* ==========================================================================
   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.

   Palette provisoire « filaments » : un fond chaleureux et les couleurs vives
   des bobines d'impression 3D, une par étiquette de prix.
   ========================================================================== */
:root {
  color-scheme: light dark;

  /* Fond et texte, thème clair */
  --paper: #FFF6F1;      /* fond de page, blanc rosé */
  --surface: #FFFFFF;    /* fond de la fiche détail */
  --ink: #34202C;        /* texte principal, aubergine */
  --muted: #76606B;      /* texte secondaire */
  --line: #F1DED6;       /* traits fins, fond des photos en chargement */
  --accent: #C2255C;     /* boutons et liens, framboise */
  --accent-ink: #FFFFFF; /* texte sur l'accent */

  /* Couleurs de filament : chaque création reçoit la suivante, dans l'ordre */
  --fil-1: #FF6B35;      /* orange */
  --fil-2: #2EC4B6;      /* turquoise */
  --fil-3: #FFB627;      /* tournesol */
  --fil-4: #A979F0;      /* lilas */
  --fil-5: #4D96FF;      /* bleu */
  --fil-6: #F15BB5;      /* rose */
  --tag-ink: #2A1822;    /* texte des étiquettes (lisible sur les six couleurs) */
  --sold: #8A7A82;       /* étiquette « Vendu » */

  --notice: #FFE3A8;     /* bandeau « exemple fictif » */
  --notice-ink: #4A2F00;

  /* 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: "Bricolage Grotesque", var(--font);

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

/* Thème sombre automatique (réglage du téléphone ou de l'ordinateur) */
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #22161D;
    --surface: #2D1F27;
    --ink: #FBEFEA;
    --muted: #C2AEB6;
    --line: #3D2B35;
    --accent: #FF85AE;
    --accent-ink: #2A0F1B;
    --sold: #8E7F86;
    --notice: #4A3410;
    --notice-ink: #FFE3A8;
  }
}