# Identité graphique : L'Étrange Noël des Sorciers 2026

Site cousin de Fort Fort Lointain (fflv2) et d'Yggdrasil Indoor (indoorv2) : même
ossature technique (pages HTML autonomes dans `resources/site/`, header unifié via
`public/site/header.css`, scripts `site-dynamic.js` + widget chat), mais identité propre.

## Positionnement visuel

- FFL = fête médiévale **en plein air, de jour** → fond crème, teintes chaudes.
- Indoor = festival **en intérieur, nocturne/feutré** → bleu nuit, or et cuivre.
- ENDS = **ruelle commerçante magique au Fort de Bron, un Noël de sorciers** →
  vert sapin profond dominant, or en lueur de bougie, violet magique en
  respiration, parchemin pour les sections claires (validé par Jérémy le 15/07).

Esprit éditorial (cf. « mode d'emploi » ENDS) : familial, joyeusement magique,
proche de Tim Burton : **étrange mais jamais inquiétant**. Les échoppes basculent
d'Halloween à Noël au fil de l'événement. Père Noël magique en figure centrale.
Inspirations : Harry Potter, conte hivernal, alchimie médiévale.

## Palette

```css
:root{
  --pine:#0d2b1c;    /* fond principal (vert sapin très profond) */
  --pine2:#143726;   /* sections vertes claires / cartes */
  --moss:#1c4a33;    /* intermédiaire (bordures, hovers) */
  --vbg:#2b1a47;     /* fond des sections violettes */
  --vbg2:#3a2463;    /* cartes sur section violette */
  --gold:#cfa03d;    /* accent principal (or) */
  --gold-l:#e8c05f;  /* or clair (hover, titres sur sombre) */
  --violet:#6f42a3;  /* violet magique (CTA secondaires) */
  --violet-l:#9a6fd0;
  --parch:#f4ecda;   /* parchemin : sections claires */
  --ink:#26301f;     /* texte sur sections claires */
  --shadow:0 14px 38px rgba(3,15,9,.55);
  --maxw:1180px;
}
```

Règles : fond de page `--pine`, texte courant `#ede7d4` (nuances `#cfc9b0`).
Titres sur sombre en blanc ou `--gold-l`. CTA principaux en `--gold`
(texte `--pine`), secondaires en `--violet` ou ghost. Icônes toujours or.

**Alternance des fonds de sections** (demandée par Jérémy) : les sections d'une
page alternent vert sapin (`.sec` / `.sec-alt`), **violet** (`.sec-violet`) et
parchemin (`.sec-light`) : exemple accueil : expérience = verte, aperçu des
échoppes = violette, infos pratiques = claire. Lueurs de bougie (points dorés
animés) et flocons CSS en décor : jamais envahissants.

## Typographies (Google Fonts)

- Display (h1 hero) : **Grenze Gotisch** 600-900 : gothique chaleureux, très
  « ruelle des sorciers », arrondi et lisible (jamais agressif).
- Titres (h2/h3) : **Cinzel** 600-900 : ADN commun des sites Yggdrasil.
- Texte : **Mulish** 400/600/700/800 (comme FFL).

Pictogrammes : icônes **Material Symbols Outlined** exclusivement (déjà chargées par
les pages). **Aucun émoji, nulle part** : règle absolue, valable aussi pour les textes,
le widget de chat et les réponses de Yggi. Décor : points lumineux et flocons en CSS pur.

## Navigation (6 pages, plate : hyper accessible)

| Slug | Fichier source | Menu |
|---|---|---|
| `/` | `Site_ENDS_2026.html` | Accueil |
| `/univers` | `Univers_ENDS_2026.html` | L'univers |
| `/boutiques` | `Boutiques_ENDS_2026.html` | Les boutiques magiques |
| `/animations` | `Animations_ENDS_2026.html` | Animations & spectacles |
| `/createurs` | `Createurs_ENDS_2026.html` | Le marché des créateurs |
| `/infos` | `Infos_FAQ_ENDS_2026.html` | Infos & FAQ |

Pas de menus déroulants : 6 liens directs (public familial). Le CTA « Réserver »
reste permanent (header + barre mobile).

## Contenu : règles éditoriales

- **Programme 2025 assumé** : les boutiques/animations de l'édition 2025 sont
  présentées comme aperçu « édition précédente » en attendant les annonces 2026.
- **Créneaux de visite** expliqués simplement (billet = créneau d'environ 2h30),
  zéro jargon technique.
- **Maisons magiques : on n'en parle pas** (pas encore confirmées pour 2026).
- **Jamais publié** (confidentiel interne) : défraiements et conditions des
  associations, repas bénévoles, noms des référents, planning montage/démontage,
  brainstormings d'animations, animations retirées, mécanique interne
  (Airtable, scan, procédures d'évacuation).