@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

@import url('./reset.css');
@import url('./whatsappButton.css');
@import url('./header.css');
@import url('./hero-section.css');
@import url('./about-section.css');
@import url('./areas-section.css');
@import url('./service-section.css');
@import url('./footer.css');

:root {
    --color-primary: #d2bc41;
    --color-secondary: #1e1e1e;
    --color-white: #ffffff;

    --font-primary: 'Poppins', sans-serif;
    --font-secondary: 'Montserrat', sans-serif;

    --fs-title: 32px;
    --fs-body: 16px;
    --fs-button: 18px;

    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    --opacity-soft: 0.2;
    --opacity-light: 0.1;
    --opacity-white-soft: 0.5;
}