/* Amae — lockup da marca (AMAE-110, fechado em 2026-09-01).

   Geometria copiada do desenho aprovado, que ate agora so existia em
   `.superpowers/brainstorm/32458-1788232750/content/lockup-aprovado.html` — pasta ignorada
   pelo git. Este arquivo e a versao versionada do mesmo desenho.

   Markup:
   <span class="amae-lock">
     <span class="kanji">甘え</span>A<span>m</span>
     <span class="a-cat"><svg class="ears" ...>…</svg>a</span>
     <span class="e-tail">e<svg class="tail" ...>…</svg></span>
   </span>

   Tudo escala com o font-size: as orelhas, o rabo e o kanji sao dimensionados em `em`.
   Abaixo de 24px use `.sem-orelhas` — ver a regra de tamanho minimo no fim do arquivo. */

.amae-lock{
  position:relative;
  display:inline-flex;
  align-items:flex-end;
  padding-top:.42em;            /* espaco pro kanji e pras orelhas */
  font-family:Comfortaa,'Trebuchet MS',sans-serif;
  font-weight:700;
  font-size:64px;
  line-height:.82;
  letter-spacing:-.01em;
  color:var(--amae-logo-cor, #2F5F6B);   /* paleta de papel; ver nota de cor no fim */
}

/* O kanji fica ancorado sobre o "m", nao centralizado na palavra: centralizado ele
   disputaria espaco vertical com as orelhas. */
.amae-lock .kanji{
  position:absolute;
  top:0;
  left:31%;
  transform:translateX(-50%);
  font-family:'Noto Sans JP','Hiragino Sans',sans-serif;
  font-weight:700;
  font-size:.24em;
  letter-spacing:.06em;
  line-height:1;
  white-space:nowrap;
  color:var(--amae-logo-kanji, #D4573A);
}

.amae-lock .a-cat{position:relative;display:inline-block}

/* Duas formas CHEIAS, encostadas no topo do "a" e separadas por um vao no meio.
   Nunca um arco continuo flutuando sobre a letra — ver a armadilha no fim do arquivo. */
.amae-lock .ears{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:-.135em;
  width:.66em;
  height:.17em;
  fill:currentColor;
}

.amae-lock .e-tail{position:relative;display:inline-flex;align-items:flex-end}

/* Sai do lado direito do "e" final, enrolado pra cima. Cresce a caixa pra direita. */
.amae-lock .tail{
  width:.72em;
  height:.56em;
  margin-left:-.14em;
  margin-bottom:-.04em;
  fill:currentColor;
}

/* ---------- COR ----------
   A decisao original (AMAE-110) punha o wordmark em petroleo #1F6F78 e o kanji em coral
   #FF6B4A — as cores da paleta de UI do brandbook, escolhidas pra conectar logo e app.
   Em 2026-09-03 o PO matou aquela paleta: a direcao 3a a substituiu pela escala de papel.
   O logo passou entao para #2F5F6B e #D4573A, os equivalentes na unica paleta viva.
   Foi consequencia forcada, nao escolha nova. Sao variaveis: trocar e barato.

   ---------- variantes ---------- */

/* Negativo: sobre fundo escuro. O kanji clareia junto. */
.amae-lock.negativo{--amae-logo-cor:#F5F5F5;--amae-logo-kanji:#FF7A5C}

/* Monocromatico: carimbo, bordado, fundo colorido. Uma cor so, kanji incluso. */
.amae-lock.mono{--amae-logo-cor:currentColor;--amae-logo-kanji:currentColor}

/* ---------- TAMANHO MINIMO: 24px ----------
   Abaixo disso as orelhas encolhem a ponto de lerem como trema ("Amäe") — verificado
   renderizando em 16px. Em favicon com texto, rodape miudo e watermark, use esta classe:
   o rabo pode ficar, as orelhas saem. */
.amae-lock.sem-orelhas .ears{display:none}

/* ---------- ARMADILHA QUE NAO PODE VOLTAR ----------
   O primeiro desenho das orelhas era um arco liso, destacado da letra, e o wordmark
   passava a ler como "Amãe" — em portugues, "a mae". Para um app de casais no Brasil
   essa leitura e ruim e nada sutil, e aparecia ja no tamanho grande.

   O que mata a leitura de til e o DESENHO, nao o tamanho: formas separadas, cheias e
   nascendo da propria letra, mais o rabo dando o contexto de "animal" antes de o olho
   chegar no "a". Qualquer variacao futura tem que passar pelo mesmo teste: renderizar
   o lockup em 15px e perguntar "isso e til?". */