# Bar Le Fly - Spécifications de Design 2026

## Identité de Marque
Bar Le Fly est un café-bar emblématique situé à Montluçon. L'expérience doit être "cinématique", chaleureuse et résolument haut de gamme.

## Palette de Couleurs (Variables CSS)
- `--color-primary`: #D4AF37 (Or)
- `--color-accent`: #3E2723 (Brun profond)
- `--color-bg`: #FFFFFF (Blanc pur)
- `--color-text`: #212121 (Anthracite)
- `--color-deep`: #000000 (Noir)

## Typographie
- **Titres (Display)**: Playfair Display. Utilisation intensive de l'italique, contrastes de tailles extrêmes.
- **Corps (Body)**: Roboto, graisse 300, interlignage 1.9 pour une lisibilité aérienne.
- **Labels**: Majuscules, espacement de lettres 0.2em, taille 0.65rem.
- **Citations (Pull quotes)**: Playfair Display, 5rem, opacité 0.04, décoratif.

## Effets Visuels 2026
- **Grain/Bruit**: Overlay SVG sur chaque section (opacité 3-5%).
- **Glassmorphisme**: Cartes avec `backdrop-filter: blur(20px)` et bordures subtiles.
- **Blobs Atmosphériques**: Grandes formes organiques floues (blur 100-140px) animées en flottement.
- **Ornements**: Fines lignes SVG (arcs, croissants) asymétriques.
- **Grille Cassée**: Éléments décalés (60-100px), superpositions agressives, texte débordant sur les images.
- **Transitions**: Vagues organiques SVG multicouches entre les sections.

## Animations CSS
- `float`: Flottement doux pour les blobs.
- `rotateOrbit`: Rotation lente (25s) pour les ornements.
- `revealUp`: Apparition progressive au chargement.
- `shimmer`: Balayage brillant sur les boutons CTA.
- `textGlide`: Défilement horizontal (marquee) pour le ticker.