/* AmplySolutionsSDD - tokens do sistema (cores, tipografia, espacos, z-index).
   Decisao central: mudou aqui, mudou em todas as telas.
   Cor: #00B0FF (marca), tema DARK cravado, match landing amplysolutions.com.br. */

:root {
  /* Fundo (dark cravado, match landing) */
  --bg:            #050911;
  --bg-elev:       #0A111F;
  --surface:       #0F1826;
  --surface-glass: rgba(15, 24, 38, 0.6);
  --border:        #1A2536;

  /* Texto */
  --text:      #F5F9FB;
  --text-dim:  #94A3B8;
  --text-mais-dim: #64748B;

  /* Cor de marca (rampa gerada por paleta.py "#00B0FF" --tema dark) */
  --accent: #00B0FF;
  --accent-hover: #29BDFF;
  --accent-escura: #0071A3;
  --accent-suave: #E7F3F8;
  --accent-soft: rgba(0, 176, 255, 0.12);
  --accent-sombra: rgba(0, 176, 255, 0.15);
  --accent-texto: #0078AD;
  --texto-sobre-accent: #000000;

  /* Semanticas */
  --success: #16A34A;
  --danger:  #E74C3C;
  --warning: #F1C40F;

  /* Tipografia */
  --font:         "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo:  "Sora", "Inter", sans-serif;
  --font-display: "Space Grotesk", "Sora", sans-serif;

  --fs-xs:   12px;
  --fs-sm:   13px;
  --fs-base: 15px;
  --fs-lg:   16px;
  --fs-xl:   20px;
  --fs-2xl:  26px;

  /* Espacamento (regua unica) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

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

  /* Sombra */
  --sombra-sm: 0 2px 6px  rgba(0, 0, 0, 0.25);
  --sombra:    0 8px 24px rgba(0, 0, 0, 0.35);
  --sombra-lg: 0 16px 40px rgba(0, 0, 0, 0.5);

  /* Layout base */
  --sidebar-w: 248px;
  --topbar-h:  60px;

  /* Elevacao (z-index) - escala fixa, ninguem chuta numero */
  --z-base:     0;
  --z-sidebar:  100;
  --z-sticky:   200;
  --z-dropdown: 300;
  --z-overlay:  400;
  --z-modal:    500;
  --z-toast:    600;
  --z-tooltip:  700;
}