:root {
    --color-primary-50: 255 251 243;
    --color-primary-100: 255 247 232;
    --color-primary-200: 254 236 197;
    --color-primary-300: 254 224 162;
    --color-primary-400: 253 200 92;
    --color-primary-500: 252 177 22;
    --color-primary-600: 227 159 20;
    --color-primary-700: 151 106 13;
    --color-primary-800: 113 80 10;
    --color-primary-900: 76 53 7;
    --color-secondary-50: 0 0 0;
    --color-secondary-100: 0 0 0;
    --color-secondary-200: 0 0 0;
    --color-secondary-300: 0 0 0;
    --color-secondary-400: 0 0 0;
    --color-secondary-500: 0 0 0;
    --color-secondary-700: 0 0 0;
    --color-secondary-800: 0 0 0;
    --color-secondary-900: 0 0 0;
    --primary-color: 255 255 255;
    --secondary-color: 0 0 0;
    --theme-font-base: 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'';
    --theme-font-headings: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --theme-rounded-base: 0.25rem;
    --theme-rounded-sm: 0.125rem;
    --theme-rounded-md: 0.375rem;
    --theme-rounded-lg: 0.5rem;
    --theme-rounded-xl: 0.75rem;
    --theme-rounded-2xl: 1rem;
    --theme-rounded-3xl: 1.5rem;
    --theme-rounded-full: 9999px;
}

.page-blog .ck-content .image {
    width: 40% !important;
}

@media only screen and (min-width: 801px) and (max-width: 1000px) {
    .page-blog .ck-content .image {
        width: 50% !important;
    }
}

@media only screen and (max-width: 800px) {
    .page-blog .ck-content .image {
        width: 100% !important;
    }
}