:root {
    --docweb-primary-navy: #16324F;
    --docweb-medical-teal: #078F84;
    --docweb-teal-hover: #06786F;
    --docweb-soft-teal: #EAF7F5;
    --docweb-page-gray: #F7F9FA;
    --docweb-text-primary: #18232D;
    --docweb-text-secondary: #46545F;
    --docweb-text-muted: #6D7A84;
    --docweb-border: #DDE3E7;
    --docweb-success: #21875B;
    --docweb-warning: #B7791F;
    --docweb-error: #C23B3B;

    --docweb-space-1: 4px;
    --docweb-space-2: 8px;
    --docweb-space-3: 12px;
    --docweb-space-4: 16px;
    --docweb-space-5: 20px;
    --docweb-space-6: 24px;
    --docweb-space-8: 32px;
    --docweb-space-10: 40px;
    --docweb-space-12: 48px;
    --docweb-space-16: 64px;
    --docweb-space-20: 80px;

    --docweb-radius-card: 16px;
    --docweb-mobile-gutter: 16px;
    --docweb-content-max: 1200px;

    --docweb-font-ui: Inter, "Tiro Bangla", "Noto Serif Bengali", "SolaimanLipi", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --docweb-font-en: var(--docweb-font-ui);
    --docweb-font-bn: var(--docweb-font-ui);
}

html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    margin: 0;
    color: var(--docweb-text-primary);
    background: var(--docweb-page-gray);
    font-family: var(--docweb-font-en);
    font-size: 16px;
    line-height: 1.625;
}

:focus-visible {
    outline: 3px solid var(--docweb-medical-teal);
    outline-offset: 2px;
}

img {
    max-width: 100%;
    height: auto;
}

.docweb-foundation-shell {
    width: min(calc(100% - (2 * var(--docweb-mobile-gutter))), var(--docweb-content-max));
    margin-inline: auto;
    padding-block: var(--docweb-space-8);
}