/* GENESYS — Design Tokens
   Identidade: administradora premium de obras e empreendimentos.
   Paleta: graphite (grafite) + orange (laranja construção) + neutros.
   Os nomes das variáveis foram mantidos (--gs-navy / --gs-gold)
   apenas para preservar compatibilidade com o restante do CSS.
*/
:root {
  /* Brand — antes navy, agora grafite (mantém nome) */
  --gs-navy-900:  #1A1A1A;   /* preto técnico */
  --gs-navy-800:  #232323;   /* grafite escuro */
  --gs-navy-700:  #2D2D2D;   /* grafite */
  --gs-navy-600:  #3A3A3A;   /* grafite médio */
  --gs-navy-500:  #525252;   /* grafite claro */
  --gs-navy-100:  #F0E9E2;   /* areia clara (background suave) */

  /* Accent — antes gold, agora laranja construção */
  --gs-gold-700:  #B83E0F;   /* laranja escuro */
  --gs-gold-600:  #D14E0F;   /* laranja profundo */
  --gs-gold-500:  #E85A1A;   /* laranja primário (cor da marca) */
  --gs-gold-400:  #F26A1F;   /* laranja vivo */
  --gs-gold-100:  #FCE9DA;   /* laranja claro / fundo */

  /* Neutros */
  --gs-ink-900:   #0F172A;
  --gs-ink-700:   #334155;
  --gs-ink-500:   #64748B;
  --gs-ink-400:   #94A3B8;
  --gs-ink-300:   #CBD5E1;
  --gs-ink-200:   #E2E8F0;
  --gs-ink-100:   #F1F5F9;
  --gs-ink-50:    #F8FAFC;
  --gs-white:     #FFFFFF;

  /* Semânticos */
  --gs-success:   #10B981;
  --gs-success-bg:#ECFDF5;
  --gs-warning:   #F59E0B;
  --gs-warning-bg:#FFFBEB;
  --gs-danger:    #EF4444;
  --gs-danger-bg: #FEF2F2;
  --gs-info:      #3B82F6;
  --gs-info-bg:   #EFF6FF;

  /* Tipografia */
  --gs-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --gs-font-display: 'Plus Jakarta Sans', var(--gs-font-sans);

  /* Sombras */
  --gs-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
  --gs-shadow:    0 4px 12px rgba(15, 23, 42, .08);
  --gs-shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);

  /* Raio */
  --gs-radius-sm: 6px;
  --gs-radius:    10px;
  --gs-radius-lg: 16px;

  /* Layout */
  --gs-sidebar-w: 264px;
  --gs-topbar-h:  64px;
}

/* Reset suave */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--gs-font-sans);
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--gs-ink-900);
  background: var(--gs-ink-50);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--gs-navy-600); text-decoration: none; }
a:hover { color: var(--gs-navy-800); }
img, svg { max-width: 100%; display: block; }
button { font-family: inherit; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: var(--gs-ink-300); border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: var(--gs-ink-400); }