/* @omertahaoztop | Ömer Taha Öztop */


/*===: root :===*/
/* Change with your colorscheme colors ;)  */
:root {
    --bg-dark-01: #1A1A1A;
    --bg-dark-02: #2A2A2A;
    --bg-dark-03: #333333;
    --bg-dark-04: #3D3D3D;
    --bg-dark-05: #505050;
    --bg-dark-05: #636363;
    
    --bg-white-02: #DBDBDB;
    --bg-white-03: #CDCDCD;
    --bg-white-01: #E8E8E8;
    --bg-white-04: #F5F5F5;

    --col-red-01: #C88383;
    --col-red-02: #D79393;
    --col-red-03: #E6A3A2;
    
    --col-light-orange-01: #C69F66;
    --col-light-orange-02: #D7B47A;
    --col-light-orange-03: #E6C98E;
    
    --col-purple-01: #A57FAE;
    --col-purple-02: #B694C1;
    --col-purple-03: #C7A9D4;
    
    --col-yellow-01: #C7B885;
    --col-yellow-02: #E0D195;
    --col-yellow-03: #F9EAA5;
    
    --col-green-01: #96BF7E;
    --col-green-02: #A7CC97;
    --col-green-03: #B8D9B0;
    
    --col-sky-blue-01: #7DB4CE;
    --col-sky-blue-02: #90C6E1;
    --col-sky-blue-03: #A3D8F4;

    --ff-mono: "Agave Nerd Font";
    --ff-weight-base: 400;
}

/*===: general :===*/
* {
    margin: 0;
    padding: 0;
    font-family: var(--ff-mono);
    font-weight: var(--ff-weight-base);
    box-sizing: border-box;
}
a {
    color: var(--bg-white-03);
    font-style: normal;
    text-decoration: none;
}
a:hover {
    color: var(--col-red-01);
    text-decoration: underline;
}

/*===: helpers :===*/
.flex {
    display: flex;
    align-items: center;
}
.text-center {
    text-align: center;
}

/*===: body :===*/
body {
    width: 100%;
    height: 100vh;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 2em;
    flex-direction: column;
    justify-content: center;
    gap: 1em;
    color: var(--bg-white-01);
    background-color: var(--bg-dark-01);
}
/*===: to-do list section :===*/
  
/*===: top section :===*/
#section_top_info {
    width: 100%;
    display: flex;
    margin: 0 auto;
    padding: 2.2em 0em;
    justify-content: space-evenly;
}
#time_welcome h3, #date_weather h3 {
    font-size: 3.2em;
    font-weight: bold;
}
#time_welcome h5, #date_weather h5 {
    margin-top: .5em;
    font-size: 1.2em;
}

/*===: bottom section :===*/
#section_bottom_links {
    width: 100%;
    margin-top: 3%;
    position: relative;
    gap: 1em;
    justify-content: center;
    box-sizing: border-box;
}
.generic_link {
    /* Kutucuk genel stil ayarları */
    height: 100%;
    width: 100%;
    position: relative;
    border-left: none;
    border-right: none;
    z-index: 1;
    padding: 1em;
    border: 1px solid var(--bg-dark-03);
    background-color: var(--bg-dark-02);

}
/*===: middle section :===*/
#section_middle_search {
    width: 100%;
    justify-content: center;
    padding: 1em 2em;
    background-color: var(--bg-dark-02);
}
.terminal-form {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
}
.terminal-form label {
    width: auto;
    margin-right: 1em;
}
.terminal-form input[type="text"] {
    border: none;
    flex-grow: 1;
    background-color: var(--bg-dark-02);
    color: var(--bg-white-01);
}
.terminal-form input[type="text"]:focus {
    outline: none;
}
/*===: prompt section :===*/
.prompt_link {
    /* Prompt bilgileri için stil ayarları */
    color: var(--col-purple-02);
    font-weight: bold;
}
.res_prompt {
    /* Yanıtlar için stil ayarları */
    margin-top: 0.5em;
    color: var(--col-purple-03);
}

.res_folder {
    /* Klasör adlarının rengi */
    color: var(--col-purple-01);
}

/*===: global colors section :===*/
.col-01 {
    color: var(--col-red-01);
}
.col-02 {
    color: var(--col-sky-blue-02);
}
.col-03 {
    color: var(--col-purple-01);
}
.col-04 {
    color: var(--col-yellow-01);
}