/*==========================================================
    Nexia UI Framework
    File: base.css
    Version: 2.0

    Global Reset
    Typography
    Accessibility
    Layout
==========================================================*/


/*==========================================================
  RESET
==========================================================*/

*,
*::before,
*::after{
    box-sizing:border-box;
}

html{

    scroll-behavior:smooth;

    -webkit-text-size-adjust:100%;

    min-height:100%;

    background:var(--nx-page-bg);

}

body{

    margin:0;

    padding:0;

    min-height:100vh;

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

    background:var(--nx-page-bg);

    color:var(--nx-text);

    font-size:16px;

    line-height:1.7;

    text-rendering:optimizeLegibility;

    -webkit-font-smoothing:antialiased;

    transition:
        background-color var(--nx-transition-slow),
        color var(--nx-transition-slow);

}

/*==========================================================
  WORDPRESS LAYOUT
==========================================================*/

.wp-site-blocks{

    min-height:100vh;

    background:var(--nx-page-bg);

    color:var(--nx-text);

}

/*==========================================================
  COLOR SCHEME
==========================================================*/

html{

    color-scheme:light;

}

html.nx-dark-mode{

    color-scheme:dark;

}


/*==========================================================
  HEADINGS
==========================================================*/

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

    margin-top:0;

    margin-bottom:20px;

    color:var(--nx-heading);

    line-height:1.2;

    font-weight:700;

}

h1{font-size:2.4rem;}
h2{font-size:2rem;}
h3{font-size:1.5rem;}
h4{font-size:1.25rem;}


/*==========================================================
  GLOBAL TYPOGRAPHY
==========================================================*/

body,
button,
input,
textarea,
select{

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

    font-weight:var(--nx-weight-normal);

}

a{

    font-weight:var(--nx-weight-normal);

}

label{

    font-weight:var(--nx-weight-medium);

}


/*==========================================================
  PARAGRAPHS
==========================================================*/

p{

    margin-top:0;

    margin-bottom:20px;

}


/*==========================================================
  LINKS
==========================================================*/

a{

    color:var(--nx-primary);

    text-decoration:none;

    transition:color var(--nx-transition);

}

a:hover{

    color:var(--nx-primary-hover);

}


/*==========================================================
  LISTS
==========================================================*/

ul,
ol{

    margin-top:0;

}


/*==========================================================
  IMAGES
==========================================================*/

img{

    display:block;

    max-width:100%;

    height:auto;

}


/*==========================================================
  TABLES
==========================================================*/

table{

    width:100%;

    border-collapse:collapse;

}


/*==========================================================
  SELECTION
==========================================================*/

::selection{

    background:var(--nx-primary);

    color:#ffffff;

}


/*==========================================================
  ACCESSIBILITY
==========================================================*/

:focus-visible{

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

    outline-offset:3px;

}


/*==========================================================
  HORIZONTAL RULE
==========================================================*/

hr{

    border:none;

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

}


/*==========================================================
  SCROLLBAR
==========================================================*/

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:var(--nx-surface);

}

::-webkit-scrollbar-thumb{

    background:var(--nx-border);

    border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

    background:var(--nx-primary);

}


/*==========================================================
  CONTAINERS
==========================================================*/

.nx-container{

    width:min(1200px,92%);

    margin-inline:auto;

}


/*==========================================================
  GLOBAL TRANSITIONS
==========================================================*/

button,
input,
textarea,
select,
a{

    transition:all var(--nx-transition);

}