/* ==========================================================
   PSICOTIKA - TRAVIAN TOOLKIT
   GLOBAL STYLES
   Version 1.0
========================================================== */

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

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

/* ==========================================================
   ROOT COLORS
========================================================== */

:root{

    --bg:#181512;

    --bg-panel:#241C15;

    --bg-card:#2C2119;

    --border:#5E4320;

    --gold:#D9A64C;

    --gold-light:#E8C06D;

    --text:#ECECEC;

    --text-soft:#C8C8C8;

    --text-dark:#9E9E9E;

}

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

html{

    height:100%;

    scroll-behavior:smooth;

}

/* ==========================================================
   BODY
========================================================== */

body{

    min-height:100vh;

    background:var(--bg);

    color:var(--text);

    font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;

    font-size:16px;

    line-height:1.5;

}

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

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

    font-weight:400;

    color:white;

}

h2{

    color:var(--gold);

    margin-bottom:15px;

}

/* ==========================================================
   TEXT
========================================================== */

p{

    color:var(--text-soft);

    margin-bottom:15px;

}

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

a{

    color:inherit;

    text-decoration:none;

}

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

ul{

    list-style:none;

}

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

img{

    max-width:100%;

    display:block;

}

/* ==========================================================
   BUTTONS
========================================================== */

button{

    font-family:inherit;

}

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

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#1B1815;

}

::-webkit-scrollbar-thumb{

    background:#6A4B21;

    border-radius:6px;

}

::-webkit-scrollbar-thumb:hover{

    background:var(--gold);

}

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

::selection{

    background:var(--gold);

    color:black;

}