/*
 Theme Name:   Авиаавтоматика
 Template:     hosteria
 Version:      1.0.0
*/

:root{
    --color-primary-50:  #fef2f2;
    --color-primary-100: #fee2e2;
    --color-primary-200: #fecaca;
    --color-primary-300: #fca5a5;
    --color-primary-400: #f87171;
    --color-primary-500: #ed1c24;
    --color-primary-600: #dc2626;
    --color-primary-700: #b91c1c;
    --color-primary-800: #991b1b;
    --color-primary-900: #7f1d1d;
    --color-primary-950: #450a0a;

    --color-gray-50: oklch(0.984 0.003 280);
    --color-gray-100: oklch(0.968 0.003 280);
    --color-gray-200: oklch(0.929 0.003 280);
    --color-gray-300: oklch(0.869 0.003 280);
    --color-gray-400: oklch(0.704 0.003 280);
    --color-gray-500: oklch(0.554 0.003 280);
    --color-gray-600: oklch(0.446 0.003 280);
    --color-gray-700: oklch(0.372 0.003 280);
    --color-gray-800: oklch(0.279 0.003 280);
    --color-gray-900: oklch(0.208 0.003 280);
    --color-gray-950: oklch(0.129 0.003 280);
    --child-background: oklch(0.984 0.003 280);
    --child-background-dark: oklch(0.372 0.003 280);
}

html {
    min-width: 350px;
}

html[theme="dark"] body {
    background-color: var(--child-background-dark);
}

.hosteria-site-description{
    font-weight: 400;
}

.header-logo {
    width: 192px;
}

html[theme="dark"] .wpd-form-wrap{
color:#ccc;
}

html[theme="dark"] .ql-container, html[theme="dark"] .ql-toolbar{
    background: #5d5d5d !important;
}

@media screen and (max-width: 768px) {
    .header-logo {
        width: 150px;
    }
}

@media screen and (max-width: 480px) {

    .header-logo {
        width: 120px;
    }

    .hosteria-site-description{
        font-size: 10px;
    }

}