:root {
    --pcp-primary: #1e90ff;
    --pcp-bg: var(--bs-body-bg);
    --pcp-text: var(--bs-body-color);
    --pcp-nav-bg: var(--bs-body-bg);
    --pcp-nav-border: var(--bs-border-color);
    --pcp-card: color-mix(in oklab, var(--bs-body-bg), var(--bs-emphasis-color) 4%);
    --pcp-border: var(--bs-border-color);
    --pcp-link: var(--bs-link-color);
    --brand-blue: #1e90ff; /* DodgerBlue */
    --brand-blue-dark: #187bcd;
    --brand-yellow: #ffd700; /* Gold */
    --brand-yellow-dark: #e6c200;
}

/* Light-specific tuning */
[data-bs-theme="light"] {
    --bs-body-bg: #f8fafc; /* your light bg */
    --bs-body-color: #0b1320; /* your light text */
    --pcp-link: #4b83ff; /* optional: keep your brand link */
}

/* Dark-specific tuning */
[data-bs-theme="dark"] {
    /*--bs-body-bg: #0b0f14;*/
    --bs-body-bg: #191d24;
    --bs-body-color: #e6e6e6;
    --pcp-nav-bg: #0f141b; /* keep your dark navbar tone */
    --pcp-nav-border: rgba(255,255,255,.10);
}

/* Use the variables everywhere */
/* headings (your rule, kept as-is) */
h1, h2, h3, h4, h5, h6, .content-heading {
    font-family: "Poppins", "Tajawal", sans-serif;
    font-weight: 600;
}

/* body */
body {
    font-family: "Roboto", "Noto Sans Arabic", sans-serif;
    font-weight: 400;
    background: var(--pcp-bg);
    color: var(--pcp-text);
} 
 
.btn-primary {
    background: var(--pcp-primary);
    border-color: var(--pcp-primary)
}
  
.floating-card {
    background: var(--pcp-card);
    backdrop-filter: blur(4px);
    border: 1px solid var(--pcp-border);
}

.section-title {
    letter-spacing: .5px
}

.feature i {
    font-size: 1.7rem
}  

footer {
    background: color-mix(in oklab, var(--pcp-bg), black 8%);
    color: color-mix(in oklab, var(--pcp-text), #9fb0c3 50%)
}

a {
    color: var(--pcp-link);
} 

.whatsapp-fab {
    position: fixed;
    left: 1rem;
    bottom: 1rem;
    z-index: 1030
}