Hoppa till innehåll
045 806 0450 | info@rengaspaja.fI | Kankitie 2, 65350 Vasa
Svenska
/* ---------------------------------------------------------- Vaasan Rengaspaja – typografia + väriteema (Odoo CSS-injektio) ---------------------------------------------------------- */ /* Fontit Google Fontsista */ @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600&display=swap'); /* Brändivärit muuttujina */ :root { --vr-yellow: #F4D521; /* Pääkeltainen */ --vr-gold: #BA9517; /* Tummempi kulta (hover, korostukset) */ --vr-dark: #1F1F1F; /* Uusi melkein musta */ --vr-gray: #CDCECF; /* Vaalea harmaa taustasävy */ --vr-white: #FFFFFF; /* Valkoinen */ } /* --------------------------- Perustypografia --------------------------- */ /* Leipäteksti ja perus-UI */ body, p, li, input, textarea, button, select { font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.55; color: var(--vr-dark); } /* Otsikot */ h1, h2, h3, h4, h5, h6 { font-family: 'Bebas Neue', "Segoe UI", sans-serif; font-weight: 400; line-height: 1.15; letter-spacing: 0.5px; text-transform: none; color: var(--vr-dark); margin-top: 0.4em; margin-bottom: 0.2em; } /* Otsikkokoot (kompaktit) */ h1 { font-size: 36px; } h2 { font-size: 28px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } p, li { font-size: 16px; } /* Pienempi teksti */ small, .text-muted, .text-small { font-size: 14px; } /* Snippettien oletustekstit */ .o_default_snippet_text, .o_default_snippet_text p, .o_default_snippet_text li { font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.55; color: var(--vr-dark); } /* Navigaatio / valikkoteksti */ nav a, .o_main_navbar a { font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 15px; font-weight: 500; } /* --------------------------- Taustat ja layout --------------------------- */ /* Yleinen tausta */ body { background-color: var(--vr-white); } /* Vaalea harmaa taustasektioille */ .bg-light, .section-light, .o_wblog_post_bg, div[style*="background-color: #f8f9fa"] { background-color: var(--vr-gray) !important; } /* Kortit / laatikot */ .card, .o_card { background-color: var(--vr-white) !important; border-color: var(--vr-gray) !important; } /* --------------------------- Linkit --------------------------- */ a { color: var(--vr-yellow); transition: 0.15s ease-in-out; } a:hover, a:focus { color: var(--vr-gold); } /* --------------------------- Painikkeet --------------------------- */ /* Primary */ .btn-primary, .o_btn_primary, button.btn-primary { background-color: var(--vr-yellow) !important; border-color: var(--vr-yellow) !important; color: var(--vr-dark) !important; } .btn-primary:hover, .o_btn_primary:hover, button.btn-primary:hover { background-color: var(--vr-gold) !important; border-color: var(--vr-