/* Theme Name: Vintage Cameras (enfant de Total) Theme URI: https://www.vintage-cameras.fr/ Description: Theme enfant de Total. Porte l habillage du site vintage-cameras.fr, aligne sur l application mobile Vintage-Cameras. Le theme parent Total n est JAMAIS modifie. Source de verite : ~/ctxroot/CONTEXTE-Audit-projets-existants/49-site-vintage-refonte/source/ sur MM2. Author: Jason Vallee Template: Total Version: 0.13.1 */ /* =========================================================================== JETONS DE DESIGN — releves le 15/08/2026 dans les huit fichiers de ~/Developer/vintage-cameras/lib/theme/ de l application mobile. Valeurs exactes, rien d invente. Detail et preuves : CAHIER-DES-CHARGES.md paragraphe 5. CES VARIABLES NE CHANGENT RIEN A ELLES SEULES. Aucun selecteur du site ne les consomme : elles sont declarees ici pour que le bloc de la page d accueil, puis le header et le pied de page, s y adossent. Poser les jetons avant d ecrire quoi que ce soit evite qu une valeur soit recopiee a la main dans trois endroits differents. =========================================================================== */ :root { /* Couleurs — app_colors.dart */ --vc-fond: #FFFFFF; /* FOND DE PAGE : blanc pur, adopte le 07/08/2026 */ --vc-surface: #FBF7F1; /* surfaces : barres, panneaux */ --vc-carte: #F5EFE6; /* cartes */ --vc-marque: #50390F; /* brun profond : appels a l action, titres */ --vc-sur-marque: #FFFFFF; --vc-texte: #1A1A1A; --vc-erreur: #E53935; --vc-voile: rgba(0,0,0,.12); --vc-inactif: .45; --vc-subtil: .08; /* Rayons — app_radius.dart */ --vc-r-micro: 2px; --vc-r-dot: 3px; --vc-r-bouton: 8px; --vc-r-thumb: 10px; --vc-r-carte: 14px; --vc-r-grille: 16px; --vc-r-hero: 18px; --vc-r-sheet: 20px; --vc-r-onboarding: 24px; --vc-r-nav: 32px; --vc-r-pill: 999px; /* Verre depoli — app_glass.dart. DEUX flous, pas un. */ --vc-flou-nav: 28px; /* barre de navigation : le header */ --vc-flou-verre: 20px; /* boutons circulaires, bouton flottant */ --vc-verre-fond: rgba(255,255,255,.45); --vc-verre-bord: rgba(255,255,255,.20); --vc-verre-trait: .8px; /* Espacements — app_spacing.dart */ --vc-e-xs: 4px; --vc-e-sm: 8px; --vc-e-pill: 10px; --vc-e-grille: 12px; --vc-e-liste: 14px; --vc-e-page: 16px; --vc-e-page-tablette: 20px; --vc-e-reserve-header: 54px; --vc-e-pied-liste: 120px; /* Ombres — app_shadows.dart. Le design est tres majoritairement SANS ombre. */ --vc-ombre-nav: 0 8px 28px -4px rgba(0,0,0,.15); --vc-ombre-nav-doux: 0 8px 28px -4px rgba(0,0,0,.12); /* celle du header */ --vc-ombre-sheet: 0 -8px 24px rgba(0,0,0,.08); --vc-ombre-pastille: 0 1px 4px rgba(0,0,0,.12); /* Animations — app_durations.dart. Courbe easeOutCubic sauf mention. */ --vc-d-appui: 110ms; --vc-d-chip: 150ms; --vc-d-libelle: 200ms; --vc-d-bascule: 220ms; --vc-d-retour: 280ms; --vc-d-onglet: 300ms; --vc-d-aller: 320ms; --vc-d-modale: 350ms; --vc-d-clignote: 900ms; --vc-courbe: cubic-bezier(.33,1,.68,1); /* Typographie — app_text_styles.dart, Poppins */ --vc-police: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; } /* =========================================================================== RIEN D AUTRE DANS CE FICHIER, ET C EST VOULU. Le header, le pied de page et le bouton flottant sont construits dans le bloc de la page brouillon, ou ils sont visibles de Jason seul. Ils ne s appliqueront au site entier qu apres sa validation : les poser ici les mettrait immediatement sur les 323 fiches produits. =========================================================================== */ /* ===================================================================== 0.13.1 - LES ICONES DES DEUX APPELS A L ACTION. Ces regles sont dans `style.css` et non dans `chrome.css` parce que la page 8919 porte son propre bloc : `chrome.css` ne lui est pas servi, `style.css` si (mesure : la feuille `vc-enfant` est bien chargee sur la 8919). Le jour ou le bloc sera nettoye et servi par le theme, ces deux regles rejoindront `chrome.css`. Les icones sont posees en masque et prennent `currentColor`, donc elles suivent le texte du bouton sans qu on ait a fixer une couleur. L enveloppe est celle du bouton flottant, la fleche celle de "Voir la publication". ===================================================================== */ button.vc-cta::before, a.vc-cta::after{content:"";flex:0 0 18px;width:18px;height:18px; background-color:currentColor} button.vc-cta::before{ -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222.5%22/%3E%3Cpath d=%22M3.6 6.6l7.4 5.2a2 2 0 0 0 2 0l7.4-5.2%22/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222.5%22/%3E%3Cpath d=%22M3.6 6.6l7.4 5.2a2 2 0 0 0 2 0l7.4-5.2%22/%3E%3C/svg%3E") center/contain no-repeat} a.vc-cta::after{ -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h13M13 6.5l6 5.5-6 5.5%22/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h13M13 6.5l6 5.5-6 5.5%22/%3E%3C/svg%3E") center/contain no-repeat}