/* public/css/app.css */

/* --- 1. Global Font Import --- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Roboto:wght@400;700&display=swap');

/* --- 2. CSS Custom Properties (Colors) --- */
:root {
    --oc-green-bg: #8BC34A;
    --oc-green-bg-light: #C6F4D6;
    --oc-blue-text-dark: #2E4053;
    --oc-blue-text: #3498DB;
    --oc-yellow-accent: #F1C40F;
    --oc-yellow-accent-light: #F7DC6F;
}

/* --- 3. Global Branding & Typography Rules --- */
body {
    font-family: 'Poppins', sans-serif;
    color: var(--oc-blue-text-dark);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--oc-blue-text-dark);
    font-weight: 700;
}

/* --- 4. Custom Utility Classes (for Home Page) --- */
.text-oc-blue-text { color: var(--oc-blue-text) !important; }
.text-oc-blue-text-dark { color: var(--oc-blue-text-dark) !important; }
.bg-oc-primary { background-color: var(--oc-green-bg-light) !important; }

.btn-oc-yellow-accent {
    background-color: var(--oc-yellow-accent);
    border-color: var(--oc-yellow-accent);
    color: var(--oc-blue-text-dark);
}
/*.header-footer-bg-image {
    background-image: url('/images/oca_hf_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-color: #3498DB;
    background-blend-mode: normal;
}*/
/*
header.header-footer-bg-image {
    min-height: 150px;  match your image height
}
.navbar.header-footer-bg-image {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}*/