/* ============================================================
   Editor / Post-Content CSS Custom Properties
   Generated from Admin -> Editor Settings (database values).
   Styling rules are defined in public/css/public.css using
   these variables with fallback defaults.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Large Desktop (default, ≥1280px) */
:root {
    /* Global font family fallback */
    --editor-font-family: 'Lato', sans-serif;

    /* Per-element font families */
    --editor-title-font-family: 'Poppins', sans-serif;
    --editor-subheading-font-family: 'Lato', sans-serif;
    --editor-body-font-family: 'Open Sans', sans-serif;

    /* Site layout zone font families */
    --editor-nav-font-family: 'Lato', sans-serif;
    --editor-header-font-family: 'Lato', sans-serif;
    --editor-footer-font-family: 'Lato', sans-serif;

    /* Per-element font weights */
    --editor-title-font-weight: 700;
    --editor-subheading-font-weight: 500;
    --editor-h3-font-weight: 400;
    --editor-h4-font-weight: 400;
    --editor-body-font-weight: 400;

    /* Font sizes */
    --editor-base-font-size: 17px;
    --editor-title-font-size: 40px;
    --editor-subheading-font-size: 22px;
    --editor-h3-font-size: 22px;
    --editor-h4-font-size: 20px;
}

/* Laptop (1024px – 1279px) */
@media (min-width: 1024px) and (max-width: 1279px) {
    :root {
        --editor-base-font-size: 15px;
        --editor-title-font-size: 36px;
        --editor-subheading-font-size: 20px;
        --editor-h3-font-size: 20px;
        --editor-h4-font-size: 19px;
    }
}

/* Tablet (768px – 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    :root {
        --editor-base-font-size: 14px;
        --editor-title-font-size: 32px;
        --editor-subheading-font-size: 18px;
        --editor-h3-font-size: 18px;
        --editor-h4-font-size: 18px;
    }
}

/* Mobile (below 768px) */
@media (max-width: 767px) {
    :root {
        --editor-base-font-size: 14px;
        --editor-title-font-size: 28px;
        --editor-subheading-font-size: 16px;
        --editor-h3-font-size: 16px;
        --editor-h4-font-size: 18px;
    }
}