/* ============================================================ HUMAN CAPITAL IMPACT – themes.css 10 palette. Attivate via classe .theme-{slug} sul . Blueprint è il default in main.css (:root) — non serve qui. ============================================================ */ /* ── 2. Navy & Gold ────────────────────────────────────────── Navy profondo · Oro ambra · Elegante corporate Playfair Display + Jost ─────────────────────────────────────────────────────────── */ .theme-navy-gold { --navy: #1a2d5e; --navy-dark: #121f42; --navy-light: #263f7a; --gold: #c9941a; --gold-text: #8a6010; --gold-light: #e8c050; --gold-on-dark: #e8b84a; --cream: #faf8f2; --text: #1a2040; --font-serif: 'Playfair Display', Georgia, serif; --font-sans: 'Jost', system-ui, sans-serif; } /* ── 3. Slate & Teal ───────────────────────────────────────── Ardesia · Verde acqua · Moderno e fresco Playfair Display + Inter ─────────────────────────────────────────────────────────── */ .theme-slate-teal { --navy: #2d3b4e; --navy-dark: #1e2b3c; --navy-light: #3d5068; --gold: #0d9488; --gold-text: #0a6b62; --gold-light: #5dc8bc; --gold-on-dark: #5dc8bc; --cream: #f0fafa; --text: #1e2a38; --font-serif: 'Playfair Display', Georgia, serif; --font-sans: 'Inter', system-ui, sans-serif; } /* ── 4. Forest ─────────────────────────────────────────────── Verde foresta · Crescita e natura EB Garamond + Nunito ─────────────────────────────────────────────────────────── */ .theme-forest { --navy: #1c3a28; --navy-dark: #122518; --navy-light: #2d5a3e; --gold: #5a9d48; --gold-text: #3d6e30; --gold-light: #8ac87a; --gold-on-dark: #8ac87a; --cream: #f2f7f4; --text: #1a2e1e; --font-serif: 'EB Garamond', Georgia, serif; --font-sans: 'Nunito', system-ui, sans-serif; } .theme-forest h1, .theme-forest h2, .theme-forest h3 { font-weight: 500; } .theme-forest body { font-weight: 400; } /* ── 5. Midnight ───────────────────────────────────────────── Quasi nero · Blu elettrico · Impatto forte Playfair Display + Inter ─────────────────────────────────────────────────────────── */ .theme-midnight { --navy: #0f1929; --navy-dark: #080f1a; --navy-light: #1a2d4a; --gold: #3b7cf6; --gold-text: #1a56d4; --gold-light: #7aabff; --gold-on-dark: #7aabff; --cream: #f4f6fb; --text: #0f1929; --font-serif: 'Playfair Display', Georgia, serif; --font-sans: 'Inter', system-ui, sans-serif; } /* ── 6. Warm Earth ─────────────────────────────────────────── Terra di Siena · Rame · Umanestico e caldo Cormorant Garamond + Nunito ─────────────────────────────────────────────────────────── */ .theme-warm-earth { --navy: #3d2b1a; --navy-dark: #2a1c0e; --navy-light: #5a4030; --gold: #c06b1c; --gold-text: #8a4a0e; --gold-light: #e8944a; --gold-on-dark: #e8944a; --cream: #fdf6f0; --text: #2d1e0e; --font-serif: 'Cormorant Garamond', Georgia, serif; --font-sans: 'Nunito', system-ui, sans-serif; } .theme-warm-earth h1, .theme-warm-earth h2, .theme-warm-earth h3 { font-weight: 500; letter-spacing: .01em; } /* ── 7. Charcoal & Coral ───────────────────────────────────── Antracite · Corallo · Contemporaneo e dinamico Playfair Display + Inter ─────────────────────────────────────────────────────────── */ .theme-charcoal-coral { --navy: #2d2d35; --navy-dark: #1e1e24; --navy-light: #40404e; --gold: #e8623a; --gold-text: #c03d1a; --gold-light: #f0906a; --gold-on-dark: #f0906a; --cream: #fafaf8; --text: #2d2d35; --font-serif: 'Playfair Display', Georgia, serif; --font-sans: 'Inter', system-ui, sans-serif; } /* ── 8. Ocean ──────────────────────────────────────────────── Teal profondo · Ciano · Fiducioso e aperto EB Garamond + Nunito ─────────────────────────────────────────────────────────── */ .theme-ocean { --navy: #134e5e; --navy-dark: #0a3040; --navy-light: #1e6878; --gold: #06b6d4; --gold-text: #0580a0; --gold-light: #5dd8f0; --gold-on-dark: #5dd8f0; --cream: #f0f9ff; --text: #0a3040; --font-serif: 'EB Garamond', Georgia, serif; --font-sans: 'Nunito', system-ui, sans-serif; } .theme-ocean h1, .theme-ocean h2, .theme-ocean h3 { font-weight: 500; } .theme-ocean body { font-weight: 400; } /* ── 9. Plum & Gold ────────────────────────────────────────── Prugna · Oro · Premium e distintivo Cormorant Garamond + Jost ─────────────────────────────────────────────────────────── */ .theme-plum-gold { --navy: #3d1a5e; --navy-dark: #280e40; --navy-light: #5a2a80; --gold: #c9a542; --gold-text: #8a6e10; --gold-light: #e8c870; --gold-on-dark: #e8c870; --cream: #faf5ff; --text: #2a1040; --font-serif: 'Cormorant Garamond', Georgia, serif; --font-sans: 'Jost', system-ui, sans-serif; } .theme-plum-gold h1, .theme-plum-gold h2, .theme-plum-gold h3 { font-weight: 500; letter-spacing: .01em; } /* ── 10. Sage & Stone ──────────────────────────────────────── Verde salvia · Pietra · Naturale e calmo EB Garamond + Nunito ─────────────────────────────────────────────────────────── */ .theme-sage-stone { --navy: #2d4a35; --navy-dark: #1e3025; --navy-light: #3d6448; --gold: #7aab85; --gold-text: #4a7a55; --gold-light: #a8cbb0; --gold-on-dark: #a8cbb0; --cream: #f5f8f5; --text: #1e3028; --font-serif: 'EB Garamond', Georgia, serif; --font-sans: 'Nunito', system-ui, sans-serif; } .theme-sage-stone h1, .theme-sage-stone h2, .theme-sage-stone h3 { font-weight: 500; } .theme-sage-stone body { font-weight: 400; }