/* ==========================================================
   YADOMART CSS RESET
   Version: 1.0
========================================================== */

/* ------------------------------
   Box Model
------------------------------ */

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

/* ------------------------------
   HTML
------------------------------ */

html{
    font-size:16px;
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
}

/* ------------------------------
   Body
------------------------------ */

body{

    min-height:100vh;

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

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

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

    color:var(--text);

    background:var(--background);

    text-rendering:optimizeLegibility;

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;

    overflow-x:hidden;

}

/* ------------------------------
   Selection
------------------------------ */

::selection{

    background:var(--primary);

    color:var(--white);

}

/* ------------------------------
   Images
------------------------------ */

img,
picture,
svg,
canvas{

    display:block;

    max-width:100%;

    height:auto;

}

/* ------------------------------
   Media
------------------------------ */

video,
iframe{

    display:block;

    max-width:100%;

}

/* ------------------------------
   Links
------------------------------ */

a{

    color:inherit;

    text-decoration:none;

}

/* ------------------------------
   Lists
------------------------------ */

ul,
ol{

    list-style:none;

}

/* ------------------------------
   Buttons
------------------------------ */

button{

    border:none;

    outline:none;

    background:none;

    font:inherit;

    cursor:pointer;

}

/* ------------------------------
   Inputs
------------------------------ */

input,
textarea,
select,
button{

    font:inherit;

    color:inherit;

}

/* ------------------------------
   Form Controls
------------------------------ */

input,
textarea,
select{

    width:100%;

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

    background:var(--surface);

    outline:none;

    transition:var(--transition);

}

textarea{

    resize:vertical;

    min-height:140px;

}

/* ------------------------------
   Placeholder
------------------------------ */

::placeholder{

    color:var(--text-muted);

}

/* ------------------------------
   Focus States
------------------------------ */

:focus-visible{

    outline:3px solid rgba(14,122,83,.25);

    outline-offset:4px;

}

/* ------------------------------
   Disabled
------------------------------ */

button:disabled,
input:disabled,
textarea:disabled,
select:disabled{

    cursor:not-allowed;

    opacity:.65;

}

/* ------------------------------
   Tables
------------------------------ */

table{

    width:100%;

    border-collapse:collapse;

}

/* ------------------------------
   Typography
------------------------------ */

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

    color:var(--heading);

    font-weight:var(--font-extra);

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

}

p{

    color:var(--text-light);

}

/* ------------------------------
   Horizontal Rule
------------------------------ */

hr{

    border:none;

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

}

/* ------------------------------
   Utility
------------------------------ */

[hidden]{

    display:none !important;

}

/* ------------------------------
   Reduced Motion
------------------------------ */

@media (prefers-reduced-motion: reduce){

    html{

        scroll-behavior:auto;

    }

    *,
    *::before,
    *::after{

        animation-duration:.01ms !important;

        animation-iteration-count:1 !important;

        transition-duration:.01ms !important;

        scroll-behavior:auto !important;

    }

}