/* ================================================================ THE WOODER — Charte typographique officielle Titres : MADE Tommy · Corps : Lato À lier dans le de CHAQUE page : (en prod : public/wooder-fonts.css + public/fonts/) ================================================================ */ /* Corps : Lato (Google Fonts) */ @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap'); /* Titres : MADE Tommy (fichiers hébergés dans /fonts) */ @font-face { font-family: 'MADE Tommy'; src: url('fonts/MadeTommy-Light.otf') format('opentype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'MADE Tommy'; src: url('fonts/MadeTommy-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'MADE Tommy'; src: url('fonts/MadeTommy-Medium.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'MADE Tommy'; src: url('fonts/MadeTommy-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'MADE Tommy'; src: url('fonts/MadeTommy-ExtraBold.otf') format('opentype'); font-weight: 800; font-style: normal; font-display: swap; } /* Variables de charte (réutilisables) */ :root { --wooder-font-display: 'MADE Tommy', Georgia, serif; --wooder-font-body: 'Lato', system-ui, -apple-system, sans-serif; /* Palette — fallback si une page n'a pas défini ces variables */ --sage: #A7B98C; --sage-soft: #DCE6CF; --sage-deep: #4F5E3C; } /* ── Accents secondaires en VERT PÂLE (le terracotta reste l'action principale) ── Les boutons SECONDAIRES (ghost / blanc / outline / onglets inactifs) passent en vert sauge sur toutes les pages. Sélecteurs préfixés `html` pour gagner en spécificité sur les styles de page. */ html .ghost, html button.ghost, html .btn-white, html .btn-secondary, html .nav-btn:not(.nav-btn-primary), html .tab:not(.actif), html .tab:not(.active) { border-color: var(--sage) !important; color: var(--sage-deep) !important; } html .ghost:hover, html button.ghost:hover, html .btn-white:hover, html .btn-secondary:hover, html .nav-btn:not(.nav-btn-primary):hover, html .tab:not(.actif):hover, html .tab:not(.active):hover { background: var(--sage-soft) !important; }