/* ==========================================================================
   SUPERTEMA — index.css

   Ponto de entrada ÚNICO do novo tema visual do sys-lotto. Centraliza (via
   @import) todos os módulos do supertema na ordem correta de cascata:

       1. tokens      — variáveis de marca (cores, tipografia, raios, sombras)
       2. módulos     — cada tela/componente modernizado entra com UMA linha

   Como usar / evoluir:
   - Para modernizar uma nova área, crie o CSS do módulo dentro de
     assets/supertema/ (ou reaproveite um existente) e adicione um @import
     abaixo, DEPOIS dos tokens.
   - As URLs relativas dentro de cada arquivo importado resolvem em relação ao
     PRÓPRIO arquivo (regra do CSS @import), então o login continua achando o
     seu login-pattern.svg em assets/login/ normalmente.
   - Mantenha os tokens sempre no topo: os módulos dependem deles.

   Obs.: o login também é carregado direto pelas views de auth (login_form,
   reset_password_form, general_message). Ele é self-contained de propósito;
   aqui ele entra como o primeiro módulo do supertema para referência única.
   ========================================================================== */

/* 1. Fundação — design tokens (precisa vir primeiro) */
@import url("tokens.css");

/* 2. Módulos ------------------------------------------------------------- */
/* Login / autenticação */
@import url("../login/login-modern.css");

/* Cabeçalho do sistema (#header) */
@import url("headbar.css");

/* Barra lateral de navegação (#left-panel) */
@import url("sidebar.css");

/* + Próximos módulos do supertema entram abaixo desta linha:               */
/* @import url("nome-do-modulo.css"); */