/* ==========================================================================
   Design tokens
   Tema escuro único, de propósito. Tudo em escala de cinza;
   o vermelho aparece só na íris, no selo, no "彫師" e nos acentos.
   ========================================================================== */

:root{
  /* cor */
  --void:#000000;          /* fundo de tudo, preto puro */
  --frame:#5c5c5c;         /* moldura da frente (cinza de referência) */
  --frame-back:#3a3a3a;    /* moldura de trás, deslocada */
  --ink:#8a8a8a;           /* nome */
  --ink-soft:#6b6b6b;      /* links e legendas */
  --ink-hi:#ececec;        /* hover e ativo */
  --rule:#2a2a2a;          /* linhas finas */
  --sharingan:#de0607;     /* a única cor */
  --seal:#b8070b;          /* selo hanko, um tom mais fundo que os olhos */

  /* tipografia */
  --f-display:"Shippori B1",'Hiragino Mincho ProN','Yu Mincho',"Times New Roman",serif;
  --f-ui:"Zen Kaku",'Hiragino Sans','Segoe UI',system-ui,sans-serif;

  /* medidas */
  --line:clamp(2px,.28vw,4px);   /* espessura da moldura */
  --off:clamp(7px,1.4vw,18px);   /* deslocamento da moldura de trás */
  --nav-h:clamp(64px,8vh,88px);  /* altura da navbar */

  color-scheme:dark;
}