/* ======================================================
   FreeITTools Framework v2.3
   Global Style
====================================================== */

/* ======================================================
   HTML
====================================================== */

html{

    scroll-behavior:smooth;

}

/* ======================================================
   Body
====================================================== */

body{

    margin:0;

    padding:0;

    overflow-x:hidden;

    font-family:var(--font-family);

    font-size:var(--font-md);

    line-height:var(--line-height);

    color:var(--text);

    background:var(--bg);

    text-rendering:optimizeLegibility;

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;

}

/* ======================================================
   Selection
====================================================== */

::selection{

    background:var(--primary);

    color:var(--white);

}

/* ======================================================
   Images
====================================================== */

img{

    display:block;

    max-width:100%;

    height:auto;

}

/* ======================================================
   Links
====================================================== */

a{

    color:inherit;

    text-decoration:none;

    transition: color .2s ease, background-color .2s ease;

}

a:hover{

    color:var(--primary);

}

/* ======================================================
   Typography
====================================================== */

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

    margin:0 0 var(--space-4);

    font-weight:var(--bold);

    line-height:1.3;

    color:var(--text);

}

h1{

    font-size:var(--h1);

}

h2{

    font-size:var(--h2);

}

h3{

    font-size:var(--h3);

}

h4{

    font-size:var(--h4);

}

h5{

    font-size:var(--h5);

}

h6{

    font-size:var(--h6);

}

p{

    margin:0 0 var(--space-4);

    color:var(--text-light);

}

/* ======================================================
   Lists
====================================================== */

ul,
ol{

    margin:0;

    padding:0;

    list-style:none;

}

/* ======================================================
   Forms
====================================================== */

input,
textarea,
select,
button{

    font:inherit;

}

/* ======================================================
   Button Reset
====================================================== */

button{

    cursor:pointer;

    border:none;

    background:none;

}

/* ======================================================
   Table
====================================================== */

table{

    width:100%;

    border-collapse:collapse;

}

/* ======================================================
   Code
====================================================== */

code{

    padding:4px 8px;

    border-radius:var(--radius-sm);

    background:var(--surface-2);

    font-size:var(--font-sm);

}

/* ======================================================
   Horizontal Line
====================================================== */

hr{

    border:none;

    border-top:1px solid var(--border);

    margin:var(--space-6) 0;

}

/* ======================================================
   Focus
====================================================== */

:focus-visible{

    outline:2px solid var(--primary);

    outline-offset:2px;

}

/* ======================================================
   Utility
====================================================== */

.hidden{

    display:none !important;

}

.visible{

    display:block !important;

}

/* ======================================================
   End
====================================================== */