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

:root {
    --theme-primary:          #006a4e;
    --theme-primary-hover:     #00563f;
    --theme-primary-light:     #e6f1ef;
    --theme-secondary:         #f42a41;
    --theme-secondary-hover:   #d11f33;
    --theme-secondary-light:   #fef2f3;
    --theme-font:              #1e293b;
    --theme-bg:                #f8fafc;
    --theme-nav-bg:            #ffffff;
    --theme-footer-bg:         #020617;
    --theme-link:              #006a4e;
    --theme-link-hover:        #f42a41;
    --theme-card-bg:           #ffffff;
    --theme-border:            #e2e8f0;
    --theme-accent:            #f59e0b;
    --theme-font-family:       'Inter', 'Noto Sans Bengali', sans-serif;
    --theme-heading-font:      'Inter', 'Noto Sans Bengali', sans-serif;
    --theme-heading-color:     #0f172a;
    --theme-base-size:         16px;

    /* Legacy aliases — do not remove */
    --brand-green:             #006a4e;
    --brand-green-hover:       #00563f;
    --brand-green-light:       #e6f1ef;
    --brand-red:               #f42a41;
    --brand-red-hover:         #d11f33;
    --brand-red-light:         #fef2f3;
    --slate-custom:            #1e293b;
}

html {
    font-size: var(--theme-base-size);
}

body {
    font-family: var(--theme-font-family);
    color: var(--theme-font);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--theme-heading-font);
    color: var(--theme-heading-color);
}