@media screen, print {

    :root {
        --accent: #20c997;
        --border-soft: #e6ecf5;
        --bs-body-bg: #f8f9fa;
        --bs-body-color: #212529; /* Dark gray, easier on eyes than pure black */
        --bs-body-font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
        --bs-body-font-size: 1rem; /* Usually 16px */
        --bs-body-line-height: 1.6;
        --primary: #2a7de1;
        --primary-soft: #eaf2ff;
        --text-dark: #1f2d3d;
        --text-muted: #6c757d;
    }

    a {
        color: #163898;
    }

        a:hover {
            color: #f26722;
        }

    body {
        background: linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
        background-color: var(--bs-body-bg);
        color: var(--bs-body-color);
        font-family: var(--bs-body-font-family);
        font-size: var(--bs-body-font-size);
        font-weight: var(--bs-body-font-weight);
        line-height: var(--bs-body-line-height);
        margin: 0; /* Removes default browser margin */
        -webkit-text-size-adjust: 100%;
    }

    img {
        transition: transform 0.3s ease;
    }

        img:hover {
            transform: scale(1.02);
        }
}