:root {
    --bg: #eef7fb;
    --bg-soft: #ffffff;
    --panel: rgba(255, 255, 255, 0.84);
    --panel-strong: rgba(255, 255, 255, 0.96);
    --text: #07111f;
    --muted: #52677d;
    --line: rgba(7, 17, 31, 0.12);
    --shadow: 0 24px 70px rgba(20, 48, 80, 0.14);
}

body {
    color-scheme: light;
    background:
        radial-gradient(circle at 15% 10%, rgba(0, 194, 255, 0.22), transparent 28rem),
        radial-gradient(circle at 85% 18%, rgba(110, 231, 183, 0.22), transparent 24rem),
        radial-gradient(circle at 50% 100%, rgba(139, 92, 246, 0.12), transparent 30rem),
        var(--bg);
}

.navbar {
    background: rgba(238, 247, 251, 0.82);
}

.footer {
    background: rgba(238, 247, 251, 0.84);
}

.language-menu option {
    color: #07111f;
}

:root {
    color-scheme: light;
    --muted-strong: #344b63;
    --line-strong: rgba(7, 17, 31, 0.22);
    --teal: #087d68;
    --blue: #2468aa;
    --purple: #7353b6;
}
body::before { background-image: linear-gradient(rgba(7,17,31,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(7,17,31,.04) 1px, transparent 1px); }
body::after { opacity: .08; }
.infra-dashboard { background: var(--panel-strong); }
.ring-meter span, .workflow-rail span { background: var(--bg-soft); }
pre { color: #18573e; }
.nav-cta, .btn-primary, .pricing-grid a, .contact-form button { background: linear-gradient(135deg, #45f0c2, #54a9ff); color: #04111d; }