:root {
    --primary: #0059a3;
    --secondary: #0073d1;
    --text: #333333;
    --background: #f4f7f9;
    color-scheme: light;
}

html {
    scroll-behavior: smooth;
}

body {
    color: var(--text);
    background: var(--background);
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

iframe {
    background: #e5edf4;
}

button,
a,
input,
select,
textarea {
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

@media (display-mode: standalone) {
    body {
        padding-top: env(safe-area-inset-top);
    }
}