@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap");
:root {
    --main-color: #ffffff;
    --second-color: #e8e8e8;

    --background-color: #d2cdd3;

    --selected-team-primarycolor: #ffffff;
    --selected-team-secondarycolor: #000000;
    --player-allies-color: #64e4f5;
    --player-opponents-color: #f59264;
    --player-from-parent-color: #494949;

    --buttons-shadow-color: #a8a8a8;

    --selection-color: #3f7fc4;
    --selection-color-light: #acd8f8;

    --border-color: #ffffff;

    --editor-court-selection-background: #5f8fee;
    --editor-court-selection-buttons: #acc4f3;

    --player-piece-ball-border-color: #000000;
    --text-main-font: "Roboto", sans-serif;

    --home-main-color: #191a21;
    --home-second-color: #282a36;
    --home-third-color: #303341;
    --accent-color: #ffa238;
    --main-contrast-color: #e6edf3;
    --font-title: Helvetica;
    --font-content: Helvetica;
    --editor-tree-background: #503636;
    --editor-tree-step-piece: #0bd9d9;
    --editor-tree-step-piece-hovered: #ea9b9b;

    --add-icon-fill: #00a206;
    --remove-icon-fill: #e50046;
}
