/* ==========================================================================
   Fin Seller — tokens da marca (única fonte de cor)
   Cores base tiradas do logo; superfícies escuras derivadas do azul ardósia.
   Para mudar a identidade visual, edite só este arquivo.
   ========================================================================== */
:root {
  /* Cores do logo */
  --fs-blue:   #3455DB;   /* "Fin" e topo do símbolo — ações principais */
  --fs-teal:   #13C6B5;   /* faixa central do símbolo — destaques, links, ativos */
  --fs-violet: #8661E8;   /* base do símbolo — apoio / gradientes */
  --fs-slate:  #263D60;   /* "Seller" — linhas e superfícies */
  --fs-white:  #FFFFFF;

  /* Variações para uso em tela escura */
  --fs-blue-hover: #4A69EC;
  --fs-blue-soft:  rgba(52, 85, 219, 0.16);
  --fs-teal-soft:  rgba(19, 198, 181, 0.14);
  --fs-violet-soft:rgba(134, 97, 232, 0.16);

  /* Superfícies escuras (derivadas do ardósia) */
  --fs-ink:       #0D1626;
  --fs-ink-2:     #121E33;
  --fs-ink-3:     #182742;
  --fs-line:      #243A5C;
  --fs-text:      #EEF2F8;
  --fs-muted:     #93A3BC;

  /* Semânticas (régua de margem etc.) — não são da marca, ficam fixas */
  --fs-good: #4FB477;
  --fs-warn: #E8A33D;
  --fs-bad:  #D9534F;

  /* Faixa do logo (azul -> turquesa -> violeta) */
  --fs-gradient: linear-gradient(90deg, var(--fs-blue), var(--fs-teal) 55%, var(--fs-violet));
}