/* ============================================================
   building.css — arquivo principal de estilos
   Importa os estilos por resolução e guarda estilos comuns.
   ============================================================ */

/* ============================================================
   Imports por resolução (DEVEM vir antes de qualquer outra regra)
   ============================================================ */

/* Mobile: carrega sempre */
@import url("mobile.css");

/* Desktop: a partir de 1024px — frame de centralização */
@import url("desktop.css") screen and (min-width: 1024px);


/* ============================================================
   Variáveis do tema (Dark)
   ============================================================ */
:root {
    /* Fundos */
    --bg: #0a0f0d;
    --surface: #121a16;
    --surface-2: #1a241f;

    /* Bordas e linhas */
    --border: #26332c;

    /* Textos */
    --text: #ffffff;
    --text-muted: #8a978f;

    /* Destaque (verde neon — BullsBet) */
    --accent: #22e06a;
    --accent-hover: #33f07b;
    --on-accent: #05210f;
    --accent-rgb: 34, 224, 106; /* usado em sombras/bordas translúcidas */

    /* Fonte única do projeto */
    --font-body: "Inter", system-ui, -apple-system, Arial, sans-serif;

    /* Arredondamento */
    --radius-sm: 12px;    /* inputs, botões pequenos */
    --radius-md: 16px;    /* abas, cards */
    --radius-lg: 24px;    /* modais, painéis */
    --radius-pill: 999px; /* pílulas (menu, botões arredondados) */
}

/* --- Reset básico --- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    min-height: 100vh;
    background-color: var(--bg);
}

/* --- Estilos comuns (aplicados a todas as resoluções) --- */
body {
    color: var(--text);
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
}

/* ============================================================
   Barra de rolagem (verde)
   ============================================================ */

/* Barra de rolagem OCULTA (a rolagem continua funcionando) */

/* Firefox */
html {
    scrollbar-width: none;
}

/* IE / Edge legado */
* {
    -ms-overflow-style: none;
}

/* Chrome, Edge, Safari, Opera */
::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}