# Design system Heritage

**Theme ID:** `theme-heritage`
**Entry:** `theme-heritage`
**Source technique:** `assets/css/app.css`, `assets/css/components/`, `templates/`

## Atmosphère

Heritage est un thème viticole éditorial, chaleureux et lumineux. Il associe des fonds crème, des bruns profonds, des accents dorés et de grandes photographies de domaine. La composition privilégie les espaces généreux, les filets fins, les surfaces rectangulaires et une hiérarchie calme.

## Couleurs

- brun principal : `#33261c` ;
- brun de surface : `#4a3c31` ;
- or secondaire : `#735c00` ;
- fond crème : `#fff8f5` ;
- surfaces secondaires : `#f7ece5`, `#fdf2eb`, `#f1e6df`, `#ebe0da` ;
- texte secondaire : `#4e453f` ;
- contour : `#7f756e`.

Les tokens de référence sont déclarés avec `@theme` dans `assets/css/app.css`.

## Typographie

- titres et éléments éditoriaux : `Libre Bodoni`, serif ;
- texte courant, labels et contrôles : `Libre Franklin`, sans-serif ;
- pictogrammes : `Material Symbols Outlined`.

## Composants

- navigation transparente sur les héros puis surface claire au scroll ;
- menu mobile et panier sous forme de panneaux superposés ;
- boutons rectangulaires aux bordures fines ;
- cartes produits sobres avec une place dominante accordée aux bouteilles ;
- formulaires et checkout dans la même palette crème/brun ;
- cartes cartographiques intégrées comme sections éditoriales ;
- animations d'apparition discrètes et respectueuses du contenu.

## Contraintes VitiCore

- préserver les composants, formulaires, attributs LiveComponent, Turbo, Stimulus et Alpine ;
- conserver les éléments SEO et JSON-LD des pages boutique ;
- rendre les images bitmap via le composant VitiCore Image/Glide ;
- utiliser `viti_theme_asset()` pour les fichiers publics appartenant au paquet ;
- conserver les textes visibles dans les traductions.
