:root {
    --background1: #E0B070; /*шапка та низ*/
    --background5: #ebbb7b; /*фон назви сторінки*/
    --background4: #fff0d7; /*колір випадающого меню*/
    --background2: #fffaf3; /*поля зправа та зліва*/
    --background3: #ffffff; /*основне поле*/
    --background6: #dddddd; /*колір поля з мініатюрами дизайнів*/
    --color1: #007000; /*колір тексту в шапці*/
    --borderColor1: #ff0000; /*колір бордюру випадающого меню*/
    --color2: #0000ff;  /* Початковий колір тексту посилання */
    --color3: #00007f;  /* Колір тексту посилання при наведенні*/
    --color4: #000000;  /* Випадаюче меню - початковий колір тексту*/
    --color5: #ffff00;  /* Випадаюче меню - Колір тексту при наведенні*/
    --color6: #0000ff;  /* Випадаюче меню - колір фону при наведенні*/
}
body {
    
}


body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background-color: var(--background2);
    user-select: none; /* Заборона виділення тексту */
}

a {
    text-decoration: none;
    color: var(--color2);  /* Початковий колір тексту  */
    font-weight: normal; /* Початкова товщина тексту */
    border-bottom: 2px solid transparent; /* Невидимий бордюр */
    transition: all 0.5s ease; /* Плавний перехід для всіх змін */
}

a:hover {
        color: var(--color3); /* Колір тексту при наведенні */
        font-weight: bold; /* Товстий текст при наведенні */
        border-bottom: 2px solid var(--color3); /* Видимий бордюр при наведенні */
}

    a.MenuA {
        margin: 0px;
        padding: 0px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 25px;
        text-decoration: none;
        color: var(--color4); /* Початковий колір тексту  */
        font-weight: normal;
        background-color: var(--background4);
    }

 a.MenuA:hover {
        color: var(--color5); /* Колір тексту при наведенні */
        font-weight: bold; /* Товстий текст при наведенні */
        background-color: var(--color6);
    }
.cbFileFormat,.FileLabel, .Button {
    background-color: #fff7e7;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--background1);
    border-radius: 5px;
    color: #000000;
    font-weight: bold; /* Товстий текст при наведенні */
}
.FileLabel:hover, .Button:hover {
        background-color: #7777ff;
        color: #ffff77;
        cursor: pointer;
    }

.FileLabelOut, .ButtonOut {
    background-color: #dddddd;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #777777;
    border-radius: 5px;
    color: #777777;
    font-weight: bold; /* Товстий текст при наведенні */
}
.FileLabel.dragover 
{
        background-color: #5555ff;
        color: #ffff00;
    }

input, textarea {
    box-sizing: border-box;
    user-select: text; /* Дозволяємо виділення тексту */
}