/* Cohesive daytime theme: cool daylight surfaces with a high-contrast network globe. */
:root[data-theme="light"] {
    --primary-color: #087fd7;
    --secondary-color: #075f9f;
    --primary-hover: #056dbb;
    --background-color: #edf3f9;
    --bg-color: #edf3f9;
    --bg-secondary: #e4edf6;
    --text-color: #17263b;
    --text-muted: #61738d;
    --text-secondary: #6c7d93;
    --light-gray: #e4edf6;
    --border-color: #c8d7e7;
    --gradient-text: linear-gradient(112deg, #12243a 4%, #174d76 54%, #168cf5 108%);
    color-scheme: light;
}

:root[data-theme="light"] body {
    background:
        radial-gradient(circle at 82% 4%, rgba(22, 140, 245, 0.16), transparent 28rem),
        radial-gradient(circle at 8% 38%, rgba(68, 223, 196, 0.08), transparent 24rem),
        linear-gradient(180deg, #f7fbff 0%, #edf3f9 46%, #e7eff7 100%);
    color: var(--text-color);
}

:root[data-theme="light"] .header {
    border-bottom: 1px solid rgba(83, 119, 157, 0.12);
    background: rgba(247, 251, 255, 0.84);
    box-shadow: 0 0.4rem 1.8rem rgba(32, 61, 92, 0.08);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    backdrop-filter: blur(18px) saturate(150%);
}

:root[data-theme="light"] .logo {
    filter: drop-shadow(0 0.2rem 0.5rem rgba(24, 75, 116, 0.1));
}

:root[data-theme="light"] .hero-stage {
    border-color: rgba(84, 122, 165, 0.24);
    background:
        radial-gradient(circle at 78% 45%, rgba(22, 140, 245, 0.1), transparent 38%),
        radial-gradient(circle at 12% 8%, rgba(255, 255, 255, 0.98), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(235, 243, 252, 0.9));
    box-shadow:
        0 2.5rem 6rem rgba(45, 75, 108, 0.16),
        inset 0 1px rgba(255, 255, 255, 0.95);
}

:root[data-theme="light"] .hero-stage::before {
    background-image:
        linear-gradient(rgba(57, 103, 153, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(57, 103, 153, 0.055) 1px, transparent 1px);
}

:root[data-theme="light"] .hero-content .typed-text,
:root[data-theme="light"] .hero-content .cursor {
    color: #5d708a;
}

:root[data-theme="light"] .hero-content .title-main,
:root[data-theme="light"] .hero-content .title-sub,
:root[data-theme="light"] .slogan .title-text {
    background: var(--gradient-text);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

:root[data-theme="light"] .domain,
:root[data-theme="light"] .bookmark-tip {
    color: #62738a;
    opacity: 1;
}

:root[data-theme="light"] .domain a {
    color: #087fd7;
    opacity: 1;
}

:root[data-theme="light"] .copy-hint {
    color: #40617f;
    background: rgba(22, 140, 245, 0.08);
}

:root[data-theme="light"] .hero-content .btn.btn-primary {
    color: #ffffff;
    background: linear-gradient(110deg, #087fd7, #168cf5);
    box-shadow: 0 0.75rem 1.75rem rgba(8, 127, 215, 0.2);
}

:root[data-theme="light"] .hero-content .btn.btn-secondary {
    color: #23384f;
    border: 1px solid rgba(69, 103, 141, 0.18);
    background: rgba(255, 255, 255, 0.7);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.85);
}

:root[data-theme="light"] .download h3 {
    color: #20354d;
}

:root[data-theme="light"] .download-links a {
    color: #2d435b;
    border-color: rgba(64, 97, 133, 0.22);
    background: rgba(255, 255, 255, 0.42);
}

:root[data-theme="light"] .download-links a:hover {
    color: #075f9f;
    border-color: rgba(8, 127, 215, 0.42);
    background: rgba(255, 255, 255, 0.82);
}

:root[data-theme="light"] .globe-shell {
    border-left-color: rgba(66, 103, 145, 0.2);
}

:root[data-theme="light"] .globe-shell::before {
    background: rgba(42, 114, 219, 0.18);
    filter: blur(42px);
}

:root[data-theme="light"] .globe-kicker,
:root[data-theme="light"] .globe-meta {
    color: rgba(39, 61, 88, 0.72);
}

:root[data-theme="light"] .carriers {
    background: transparent;
}

:root[data-theme="light"] .owl-carousel .clients-logo img {
    filter: grayscale(1) brightness(0.46) contrast(1.08);
    opacity: 0.72;
}

:root[data-theme="light"] .owl-carousel .clients-logo:hover img {
    filter: grayscale(1) brightness(0.28) contrast(1.18);
    opacity: 0.92;
}

:root[data-theme="light"] .noise {
    border: 1px solid rgba(83, 119, 157, 0.18);
    background: rgba(255, 255, 255, 0.58);
    box-shadow: 0 1rem 2.5rem rgba(42, 71, 103, 0.08);
}

:root[data-theme="light"] .noise:hover {
    border-color: rgba(8, 127, 215, 0.28);
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 1.25rem 3rem rgba(42, 71, 103, 0.12);
}

:root[data-theme="light"] .noise h5.text-light {
    color: #19314c !important;
}

:root[data-theme="light"] .noise p {
    color: #5c6f86;
}

:root[data-theme="light"] .footer-copyright {
    background: rgba(224, 235, 246, 0.72);
    border-top: 1px solid rgba(83, 119, 157, 0.12);
}

:root[data-theme="light"] .theme-toggle-btn {
    color: #24415d;
    border: 1px solid rgba(64, 97, 133, 0.15);
    background: rgba(224, 235, 246, 0.82);
}

@media (max-width: 900px) {
    :root[data-theme="light"] .nav {
        border-top: 1px solid rgba(83, 119, 157, 0.12);
        background: rgba(247, 251, 255, 0.97);
        box-shadow: 0 1.5rem 2.5rem rgba(32, 61, 92, 0.12);
    }
}
