@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
    --body-background: rgb(0, 0, 0); /* Fundo preto */
    --scroll-bar-background: rgb(50, 50, 50);
    --navbar-public-background: rgb(0, 0, 0);
    --navbar-perfil-selecionar-background: rgb(0, 0, 0);
    --navbar-user-background: rgb(0, 0, 0);
    --navbar-background: rgb(0, 0, 0);
    --navbar-border-color: rgba(141, 154, 194, 0.1);
    --navbar-list-group-item-color: #fff;
    --navbar-list-group-item-hover-color: #ccc;

    --sidebar-background: rgb(0, 0, 0);
    --sidebar-border-color: rgb(59, 65, 75);
    --sidebar-text-color: rgb(200, 200, 200);
    --sidebar-text-hover-color: #fff;
    --sidebar-list-group-background: rgb(0, 0, 0);
    --sidebar-list-group-hover-background: rgba(50, 50, 50, 1);

    --label-color: rgb(200, 200, 200);
    --input-background: rgb(30, 30, 30);
    --input-disabled-background: rgb(50, 50, 50);
    --input-hover-background: rgb(20, 20, 20);
    --input-color: rgb(255, 255, 255);
    --input-border: rgba(86, 93, 108);
    --input-border-focus: rgba(200, 205, 220, 1);
    --input-placeholder: rgb(150, 150, 150);

    --card-background-one: rgb(20, 20, 20);
    --card-color-one: #fff;

    --text-color-white: #fff;
    --text-green: #0db616;
    --text-yellow: #e2af05;
    --text-red: #ec3406;
    --text-blue: #0656ec;
    --text-purple: rgb(92, 124, 248);
    --text-color: rgb(200, 200, 200);
    --text-color-hover: rgb(255, 255, 255);

    --btn-one-background: rgba(255, 0, 0, 1); /* Cor de fundo vermelha */
    --btn-one-hover-background: rgba(255, 0, 0, 0.7); /* Vermelho com transparência */
    --btn-one-color: #fff;
    --btn-one-hover-color: #fff;

    --modal-background: rgb(20, 20, 20);
    --modal-border: rgb(59, 65, 75);

    --footer-nav-item-color: #27BBB2;
    --footer-nav-item-hover-color: #21948c;
    --footer-copyright-color: #21948c;
}

body {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    background-color: var(--body-background);
    color: var(--text-color);
}

h1, h2, h3, h4, h5, h6, p, span, small {
    color: var(--text-color);
    user-select: none; /* Impede seleção de texto */
    cursor: default; /* Remove cursor interativo */
}

a {
    text-decoration: none;
    color: var(--text-color);
    user-select: none; /* Impede foco não intencional */
    cursor: default;
}

a:hover {
    color: var(--text-color-hover);
    transition: 0.5s;
}

.navbar, .sidebar, .card, .modal, .footer {
    background-color: var(--body-background);
    color: var(--text-color);
}

.btn {
    background-color: var(--btn-one-background);
    color: var(--btn-one-color);
    user-select: none; /* Remove foco indesejado */
    cursor: pointer;
}

.btn:hover {
    background-color: var(--btn-one-hover-background);
    color: var(--btn-one-hover-color);
}

input, textarea {
    user-select: auto; /* Permite seleção apenas em campos editáveis */
    cursor: text; /* Mantém o comportamento esperado */
}