/* ========================================================================== Geovectora Master Style Sheet — Unified B2B Framework ========================================================================== */ /* 1. FONT IMPORT LAYER */ @import url('https://googleapis.com'); /* Note: Special Gothic is loaded directly via the HTML to handle custom weight tracking safely */ /* 2. GLOBAL RESET & CORE PROPERTIES */ * { box-sizing: border-box; margin: 0; padding: 0; letter-spacing: 0em; /* Global zero letter spacing requirement */ } body { background-color: #ffffff; color: #126783; /* Sports Teal for normal text body */ font-family: 'Montserrat', sans-serif; font-weight: 500; -webkit-font-smoothing: antialiased; } /* 3. HEADINGS CONFIGURATION (Special Gothic System) */ h1, h2, h3, h4, .heading-font { font-family: 'Special Gothic', sans-serif; font-weight: 450; text-transform: uppercase; color: #023047; /* Dark Ocean Blue for headers */ line-height: 1.4em; } h1 { font-size: 2rem; } h2 { font-size: 1.6rem; } h3 { font-size: 1.2rem; } h4 { font-size: 1rem; } /* 4. PARAGRAPHS & RUNNING TEXT */ p { font-size: 1.1rem; /* Default Paragraph: Medium text */ line-height: 1.6em; margin-bottom: 1.25rem; } p.large-text { font-size: 1.2rem; line-height: 1.6em; } p.small-text, .meta-text { font-size: 1rem; line-height: 1.6em; } /* 5. IN-LINE HYPERLINKS */ a { color: #fb8501; /* Citrusy Orange for contextual text links */ text-decoration: underline; transition: color 0.2s ease; } a:hover { color: #023047; /* Shifting safely to Dark Ocean Blue on hover */ } /* 6. BUTTON SPECIFICATIONS */ .btn-large, .btn-medium, .btn-small { display: inline-flex; align-items: center; justify-content: center; font-family: 'Montserrat', sans-serif; font-weight: 500; text-transform: none; text-decoration: none; border-radius: 4px; /* 4px radius layout */ padding: 1.2em; /* 1.2em uniform padding specification */ border: none; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; } /* Primary Call to Action Styling (Dark Ocean Background) */ .btn-large { font-size: 1rem; line-height: 1.2em; background-color: #023047; color: #ffffff; } .btn-medium { font-size: 0.9rem; line-height: 1.2em; background-color: #023047; color: #ffffff; } .btn-small { font-size: 0.7rem; line-height: 1.2em; background-color: #023047; color: #ffffff; } .btn-large:hover, .btn-medium:hover, .btn-small:hover { background-color: #126783; /* Shift to Sports Teal on hover actions */ color: #ffffff; } /* 7. REUSABLE INVERTED CONTAINERS (Header/Footer Sections) */ .inverted-container { background-color: #023047; /* Dark Ocean Blue Background */ color: #ffffff; } .inverted-container h1, .inverted-container h2, .inverted-container h3, .inverted-container h4 { color: #219ebc; /* Sydney Blue for headings inside dark zones */ } .inverted-container a { color: #219ebc; /* Sydney Blue for navigation link texts */ text-decoration: none; } .inverted-container a:hover { color: #fb8501; /* Highlights cleanly to Citrusy Orange */ } /* 8. MISCELLANEOUS INFRASTRUCTURE COMPONENT SIZES */ .misc-large { font-size: 1.5rem; line-height: 1.2em; } .misc-medium { font-size: 1.1rem; line-height: 1.2em; } .misc-small { font-size: 1rem; line-height: 1.2em; }