@media screen{html[data-sa-ui-theme="light"] {
    --bg: hsl(214 28% 97%);
    --bg2: hsl(217 28% 97%);
    --surface: rgba(35,75,110,0.060);
    --surface-hover: rgba(35,75,110,0.080);
    --surface-active: rgba(35,75,110,0.110);
    --line: #708297;
    --line-strong: #708297;
    --text: hsl(213 36% 28%);
    --muted: hsl(214 25% 28%);
    --shadow: 0 18px 36px rgba(20,45,70,0.14)
}
html[data-sa-ui-theme="light"] body {
    background: linear-gradient(180deg,hsl(212 28% 97%) 0%, hsl(214 28% 97%) 100%)
}
html[data-sa-ui-theme="light"] .topbar {
    background: linear-gradient(180deg,hsl(216 28% 97%) 0%, hsl(214 28% 97%) 100%)
}
html[data-sa-ui-theme="light"] .topbar-shell {
    border: 1px solid #708297;
    background: radial-gradient(1200px 520px at 0% -10%, hsla(208,40%,96%,0.16), transparent 56%),
                radial-gradient(920px 520px at 100% -20%, rgba(35,75,110,0.080), transparent 56%),
                radial-gradient(720px 300px at 50% 0%, hsla(213,40%,96%,0.18), transparent 72%),
                linear-gradient(180deg, rgba(35,75,110,0.070) 0%, rgba(35,75,110,0.060) 100%),
                linear-gradient(135deg, hsl(213 28% 92%) 0%, hsl(211 28% 92%) 52%, hsl(214 28% 92%) 100%);
    box-shadow: 0 26px 70px rgba(20,45,70,0.14),
                inset 0 1px 0 rgba(20,45,70,0.05)
}
html[data-sa-ui-theme="light"] .header-right {
    border: 1px solid #708297;
    background: linear-gradient(180deg, rgba(35,75,110,0.060) 0%, rgba(35,75,110,0.060) 100%),
                hsl(219 28% 97%);
    box-shadow: inset 0 1px 0 rgba(20,45,70,0.04),
                0 10px 24px rgba(20,45,70,0.14)
}
html[data-sa-ui-theme="light"] .brand-card {
    border: 1px solid #708297;
    background: linear-gradient(180deg, rgba(35,75,110,0.080) 0%, rgba(35,75,110,0.060) 100%),
                hsl(219 28% 97%);
    box-shadow: inset 0 1px 0 rgba(20,45,70,0.05),
                0 12px 26px rgba(20,45,70,0.14)
}
html[data-sa-ui-theme="light"] .brand-card:hover {
    border-color: #708297;
    background: linear-gradient(180deg, rgba(35,75,110,0.100) 0%, rgba(35,75,110,0.060) 100%),
                hsl(216 28% 97%);
    box-shadow: inset 0 1px 0 rgba(20,45,70,0.07),
                0 14px 30px rgba(20,45,70,0.14)
}
html[data-sa-ui-theme="light"] .brand:hover {
    background: rgba(35,75,110,0.060)
}
html[data-sa-ui-theme="light"] .action-btn,html[data-sa-ui-theme="light"] .menu-btn {
    background: linear-gradient(180deg, rgba(35,75,110,0.060) 0%, rgba(35,75,110,0.060) 100%),
                var(--surface);
    box-shadow: inset 0 1px 0 rgba(20,45,70,0.04)
}
html[data-sa-ui-theme="light"] .action-btn:hover,html[data-sa-ui-theme="light"] .menu-btn:hover {
    background: linear-gradient(180deg, rgba(35,75,110,0.080) 0%, rgba(35,75,110,0.060) 100%),
                var(--surface-hover)
}
html[data-sa-ui-theme="light"] .lang-toggle {
    background: linear-gradient(180deg, rgba(35,75,110,0.070) 0%, rgba(35,75,110,0.060) 100%),
                var(--surface);
    box-shadow: inset 0 1px 0 rgba(20,45,70,0.04)
}
html[data-sa-ui-theme="light"] .lang-toggle:hover,html[data-sa-ui-theme="light"] .lang-switch.open .lang-toggle {
    background: linear-gradient(180deg, rgba(35,75,110,0.100) 0%, rgba(35,75,110,0.060) 100%),
                var(--surface-hover)
}
html[data-sa-ui-theme="light"] .lang-flag {
    border: .5px solid #708297;
    box-shadow: 0 0 0 .25px rgba(20,45,70,0.14),
                0 1px 5px rgba(20,45,70,0.14)
}
html[data-sa-ui-theme="light"] .lang-code {
    color: #19344d
}
html[data-sa-ui-theme="light"] .lang-chevron {
    color: hsl(213 36% 28%)
}
html[data-sa-ui-theme="light"] .lang-dropdown {
    border: 1px solid #708297;
    background: radial-gradient(280px 160px at 20% 0%, hsla(198,40%,96%,0.16), transparent 65%),
                linear-gradient(180deg, hsl(215 28% 97%), hsl(216 28% 97%));
    box-shadow: 0 22px 46px rgba(20,45,70,0.14), inset 0 1px 0 rgba(20,45,70,0.05)
}
html[data-sa-ui-theme="light"] .lang-option:hover,html[data-sa-ui-theme="light"] .lang-option.active {
    background: rgba(35,75,110,0.070);
    border-color: #708297
}
html[data-sa-ui-theme="light"] .drawer .backdrop {
    background: hsla(0,0%,96%,0.64)
}
html[data-sa-ui-theme="light"] .drawer .panel {
    background: linear-gradient(180deg,hsl(216 28% 97%) 0%, hsl(217 28% 97%) 100%)
}
html[data-sa-ui-theme="light"] .close-btn {
    border: 1px solid #708297
}
html[data-sa-ui-theme="light"] .nav-section-title {
    color: hsl(214 25% 28%)
}
html[data-sa-ui-theme="light"] .navitem {
    border: 1px solid #708297
}
html[data-sa-ui-theme="light"] .brand-card:focus-within,html[data-sa-ui-theme="light"] .brand:focus,html[data-sa-ui-theme="light"] .action-btn:focus,html[data-sa-ui-theme="light"] .lang-toggle:focus,html[data-sa-ui-theme="light"] .lang-option:focus,html[data-sa-ui-theme="light"] .menu-btn:focus,html[data-sa-ui-theme="light"] .close-btn:focus,html[data-sa-ui-theme="light"] .navitem:focus {
    outline: 2px solid #708297
}}