/*----------------------------------------------------------------------------*/
/* # Default style */

:root {

    --font-family-mono: monospace;
    --font-family-sans: "Iropke Batang", ui-sans-serif, system-ui, -apple-system, 
                        "Segoe UI", "Helvetica Neue", Arial, sans-serif;

    font-display: swap;
    font-family: var(--font-family-sans) ;

    color: var(--foreground);
    font-size: max(18px, 1rem);
    line-height: 1.6;
    font-size: 1rem;

}

body {

    text-align: justify;
    overflow-wrap: break-word;
    text-justify: inter-word;

    ::selection {
        background-color: var(--foreground);
        color: var(--background);
        text-decoration: none;
    }

}


/*----------------------------------------------------------------------------*/
/* # Paragprah */

p, pre {

    break-inside: avoid;
    break-before: auto;
    orphans: 3;

    padding: 0;
    margin: 0;
    margin-block-end: 1rlh;

    transition:
        background-color var(--transition-time),
        color            var(--transition-time);

}


/*----------------------------------------------------------------------------*/
/* # Nested style */

p {

    b { font-weight: bold; }
    s { text-decoration: line-through; }
            
    u { text-decoration: underline; }
    i { font-style: italic; }

    code, samp {

        color: var(--background);
        background-color: var(--foreground);

        padding-inline: 8px;

        font-family: var(--font-family-mono);
        font-size: .875rem;
        letter-spacing: .32px;
        line-height: 1rlh;
        font-weight: normal;

    }

}

/*----------------------------------------------------------------------------*/
/* Headings */

h1, h2, h3, h4, h5, h6 {

    line-height: 1.2;
    margin-block-end: 16px;
    background-color: inherit;

}

h1 { 

    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: bold; 

    margin-block: 2rlh 1rlh;

}

h2 { font-size: 1.75rem; line-height: 2.25rem; font-weight: normal; }
h3 { font-size: 1.5rem;     line-height: 2rem;   font-weight: normal; }
h4 { font-size: 1.25rem;  line-height: 1.75rem;  font-weight: normal; }
h5 { font-size: 1rem;     line-height: 1.5rem;  font-weight: bold; }
h6 { font-size: 0.875rem;     line-height: 1.25rem;   font-weight: bold; }