/* --------------------------- */ /* global.css */ /* --------------------------- */ /* 1) Font import (or you can also import it in ) */ @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@100;200;300;400;500;600;700;800&display=swap'); /* 2) Base resets and box-sizing */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } /* 3) Global font family, root variables (for easy rebranding) */ :root { --font-family: 'Plus Jakarta Sans', sans-serif; --brand-white: rgb(255, 255, 255); --brand-green-light: #A8CCA0; --brand-green-dark: #081208; --brand-green-light: #A8CCA0; --brand-button-bg: rgba(79, 110, 78, 1); --brand-box-shadow: rgba(0, 0, 0, 0.25); --brand-gradient: linear-gradient(180deg, #A8CCA042 0%, #f0f0f0 100%); --brand-gradient-mobile-header: linear-gradient(180deg, rgba(168, 204, 160, 0.9) 0%, rgba(240, 240, 240, 0.8) 100%); --accent-color: rgba(79, 110, 78, 1); --accent-color-hover: rgba(79, 110, 78, 0.7); --accent-color-hover-light: rgba(79, 110, 78, 0.15); --padding-xl: 15px; } /* 4) Global body & html styling */ html, body { width: 100%; height: 100%; font-family: var(--font-family); background: var(--brand-gradient); overflow-x: hidden; } /* 5) Shared heading & paragraph styling */ h1, h2, h3, h4, h5, h6, p { font-family: var(--font-family); color: var(--brand-white); margin: 0; padding: 0; } /* 6) Common link styling (optional) */ a { text-decoration: none; cursor: pointer; }