:root {
    /* ===== Color tokens (từ Next.js source) ===== */
    --color-primary: #1d262d;
    --color-text: #1d262d;
    --color-text-muted: #757575;
    --color-bg: #ffffff;
    --color-border: #e5e5e5;

    /* ===== Fonts =====
       1 family duy nhất, mọi weight & italic được @font-face inject từ PHP.
       Dùng `font-weight: 100..900` trong CSS để chọn variant.        */
    --font-family-base:   "Averta Std CY", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-family-google: "Google Sans", sans-serif;

    --font-weight-extrathin: 100;
    --font-weight-thin:      200;
    --font-weight-light:     300;
    --font-weight-regular:   400;
    --font-weight-semibold:  600;
    --font-weight-bold:      700;
    --font-weight-extrabold: 800;
    --font-weight-black:     900;

    --root-font-family: var(--font-family-base);
    --root-font-size:   1vw;

    /* ===== Layout ===== */
    --container-padding:        6.25rem;
    --container-padding-mobile: 1rem;
}

@media screen and (max-width: 639px) {
    :root {
        --root-font-size: 4.26667vw;
    }
}

/*@media screen and (min-width: 1600px) {*/
/*    :root {*/
/*        --root-font-size: 16px;*/
/*    }*/
/*}*/