/*
 Theme Name:   Hosteria Child
 Template:     hosteria
 Version:      1.0
*/

:root{
    --color-primary-50:  #f8f3ff;
    --color-primary-100: #f0e4ff;
    --color-primary-200: #e0ccff;
    --color-primary-300: #c9a3ff;
    --color-primary-400: #ad6eff;
    --color-primary-500: #933efc;
    --color-primary-600: #7e22ce;
    --color-primary-700: #6b1d9d;
    --color-primary-800: #282033;
    --color-primary-900: #1d1627;
    --color-primary-950: #120c1a;

    --color-gray-50:  oklch(0.984 0.003 300);
    --color-gray-100: oklch(0.968 0.004 300);
    --color-gray-200: oklch(0.929 0.005 300);
    --color-gray-300: oklch(0.869 0.006 300);
    --color-gray-400: oklch(0.704 0.007 300);
    --color-gray-500: oklch(0.554 0.008 300);
    --color-gray-600: oklch(0.446 0.008 300);
    --color-gray-700: oklch(0.372 0.008 300);
    --color-gray-800: oklch(0.279 0.008 300);
    --color-gray-900: oklch(0.208 0.007 300);
    --color-gray-950: oklch(0.129 0.006 300);


    --child-background: oklch(0.984 0.003 280);
    --child-background-dark: #282033;
}

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;
    }

}