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

/* ============================================
   ECPNG Theme Bridge - Auto-generated CSS
   Managed from Admin Portal > Design Manager
   ============================================ */

:root {
    --ecpng-primary: #1a5f7a;
    --ecpng-secondary: #086e7d;
    --ecpng-accent: #22d3ee;
    --ecpng-font-heading: 'Nunito', sans-serif;
    --ecpng-font-body: 'Open Sans', sans-serif;
    --ecpng-radius: 8px;
    --ecpng-content-width: 1200px;
}

/* Typography */
body {
    font-family: var(--ecpng-font-body);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title,
.site-title {
    font-family: var(--ecpng-font-heading);
}

/* Links & Buttons */
a {
    color: var(--ecpng-primary);
}

a:hover {
    color: var(--ecpng-secondary);
}

.btn-primary,
button.btn-primary,
input[type="submit"],
.wp-block-button__link {
    background-color: var(--ecpng-primary);
    border-color: var(--ecpng-primary);
    border-radius: var(--ecpng-radius);
}

.btn-primary:hover,
button.btn-primary:hover,
.wp-block-button__link:hover {
    background-color: var(--ecpng-secondary);
    border-color: var(--ecpng-secondary);
}

.btn-accent {
    background-color: var(--ecpng-accent);
    border-color: var(--ecpng-accent);
    color: white;
}

/* Content Width */
.container,
.site-content,
.content-area,
.entry-content {
    max-width: var(--ecpng-content-width);
    margin-left: auto;
    margin-right: auto;
}

/* Cards & Borders */
.card,
.service-card,
.entry-card,
.widget {
    border-radius: var(--ecpng-radius);
}

/* Transparent Header */
.site-header {
    background: transparent;
    position: absolute;
    width: 100%;
    z-index: 100;
}


/* Navigation primary color */
.main-navigation,
.primary-menu {
    background-color: var(--ecpng-primary);
}

.main-navigation a {
    color: white;
}

/* Footer styling */
.site-footer {
    background-color: #1f2937;
    color: #9ca3af;
}

.site-footer a {
    color: var(--ecpng-secondary);
}

/* Selection color */
::selection {
    background-color: var(--ecpng-primary);
    color: white;
}