/*
Theme Name: Wux Blog Theme
Author: Wux B.V.
Author URI: https://wux.nl/
Description: Wux Blogs is het custom wordpress thema van Wux. Dit thema is speciaal ontwikkeld voor de blog ontwikkeling van Wux.
Version: 2.0.0
Requires PHP: 8.0.0
Text Domain: wux
*/

:root {
    /* Font variables */
    --fs            : 1.6rem;
    --lh            : 1.6;
    
    --fs-h1         : clamp(4.0rem, 5vw, 4.8rem);
    --fs-h2         : clamp(3.4rem, 4vw, 4.0rem);
    --fs-h3         : clamp(3.0rem, 3vw, 3.4rem);
    --fs-h4         : 2.8rem;
    --fs-h5         : 2.4rem;
    --fs-h6         : 2.0rem;
    --fs-small      : 1.4rem;
    --fs-x-small    : 1.2rem;

    --clr-border        : rgb(222, 226, 230);

    /* Container variables */
    --container-width       : 100%;
    --container-width--sm   : 500px;
    --container-width--md   : 700px;
    --container-width--lg   : 900px;
    --container-width--xl   : 1000px;
    --container-width--xxl  : 1200px;
    --container-width--xxxl : 1400px;

    --sidebar-width: 48rem; 
}

@media (min-width: 768px) { :root { --fs: 1.6rem; } }
@media (min-width: 1200px) { :root { --fs: 1.6rem; } }

/** Add more styles in the assets/css/ folder, organized by type (blocks, cards, etc.) **/