/* themes.css — Jeux de couleurs (4 themes mariage). Sobre & elegant. Le theme actif est porte par (injecte cote serveur). Les composants (styles.css, ecran) n'utilisent QUE ces variables. */ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Hanken+Grotesk:wght@400;500;600;700&display=swap'); :root { /* Tokens partages par tous les themes */ --radius: 18px; --display: 'Cormorant Garamond', Georgia, serif; --body: 'Hanken Grotesk', system-ui, sans-serif; /* ----- Theme par defaut : Champetre clair (lin, sauge, terracotta) ----- */ --bg: #f6f1e7; --bg-2: #efe8d8; --panel: rgba(70, 58, 36, 0.045); --panel-border: rgba(70, 58, 36, 0.14); --ink: #3b3527; --ink-soft: #6d6553; --ink-faint: #9a9281; --coral: #b06a47; /* accent chaud (terracotta) */ --lime: #7e8a5a; /* accent secondaire (sauge) */ --on-coral: #fdf8f1; /* texte sur accent chaud */ --on-lime: #fbfaf3; /* texte sur accent secondaire */ } /* ----- Champetre nuit (charbon tiede, or doux, sauge) ----- */ [data-theme="champetre-nuit"] { --bg: #14130e; --bg-2: #1d1b14; --panel: rgba(255, 250, 235, 0.045); --panel-border: rgba(255, 250, 235, 0.10); --ink: #f1ead9; --ink-soft: #bbb29b; --ink-faint: #7c7560; --coral: #cd9362; --lime: #a0ad6f; --on-coral: #241608; --on-lime: #1b200c; } /* ----- Bord de mer (brume bleue, sable, blanc casse) ----- */ [data-theme="bord-de-mer"] { --bg: #eff4f6; --bg-2: #e0eaee; --panel: rgba(20, 52, 70, 0.045); --panel-border: rgba(20, 52, 70, 0.14); --ink: #213139; --ink-soft: #4e6470; --ink-faint: #88a0ac; --coral: #4f87a2; /* bleu brume */ --lime: #c8b58e; /* sable */ --on-coral: #f4fafc; --on-lime: #2a3326; } /* ----- Boheme floral (vieux rose, beige, olive doux) ----- */ [data-theme="boheme-floral"] { --bg: #f7f0ee; --bg-2: #efe1de; --panel: rgba(80, 40, 50, 0.045); --panel-border: rgba(80, 40, 50, 0.14); --ink: #4a343a; --ink-soft: #7a5f66; --ink-faint: #a98f95; --coral: #b06b78; /* vieux rose */ --lime: #9d9468; /* olive doux */ --on-coral: #fdf6f7; --on-lime: #fbfaf1; }