/* EasyManga — vocabulário visual.
   Toda cor do sistema nasce aqui. Nada de hex solto nos outros arquivos. */

:root {
  /* superfícies, do mais fundo ao mais alto */
  --ink:     #0B0A0E;
  --panel:   #16151B;
  --panel2:  #201E27;
  --panel3:  #2A2733;

  --line:    #2A2733;
  --line2:   #3A3645;

  /* papel — a página de mangá */
  --paper:      #F2EFEA;
  --paper-edge: #D5CFC6;
  --tinta:      #100F16;

  /* texto */
  --text:  #EAE7EF;
  --text2: #A39DB0;
  --text3: #6E687C;
  --text4: #4A4557;

  /* roxo = onde você está (seleção, foco, presença) */
  --purple:      #7B4FB5;
  --purple-soft: #B294E0;
  --purple-dim:  #2A1F3D;
  --purple-line: #4A3570;

  /* vermelho = ação de verdade. Escasso de propósito. */
  --crimson:      #D01223;
  --crimson-hi:   #E82233;
  --crimson-soft: #F0949C;
  --crimson-dim:  #3A1219;

  --ok:   #3E9E72;
  --warn: #C9922B;

  --r:    7px;
  --r-lg: 11px;

  --f-d: "Anton", system-ui, sans-serif;        /* títulos, marca */
  --f-b: "Inter Tight", system-ui, sans-serif;  /* texto */
  --f-m: "JetBrains Mono", monospace;           /* números, medidas */
  --f-h: "Caveat", cursive;                     /* sussurro */

  /* medidas do editor */
  --rail:  48px;
  --insp:  200px;
  --strip: 88px;
  --top:   50px;
}